Code Tool

To add a custom code select the Code tool (angle brackets icon) from the toolbar.

The designated gray area for custom code will appear instantly in the top-middle of the project page.

Edit the code

Press Edit the code button for adding desired custom code.

Start writing the code or just paste it as we did.

Once happy press anywhere outside the code editor box.

Check the result in the preview mode, press on the top right eye icon for it.

Great, it works!

But there is one issue, the position it’s not perfect, to adjust it we need to exit preview mode and reposition the code element.

Click and move the code element to an ideal place, check it on preview mode as much as needed once the perfect position is reached and all the edits are done feel free to publish the page.