Introduction

The Embed blocks allow you to add custom code to a specific part of your Lofty-built website.

Summary

• Adding the Block
• Editing the Block
• Beta Released Image to Code Block

Adding the Block

To add an Embed Block, navigate to the CMS > Editor > Page:

Navigate to the page where you would like to add the block and click on that page. In this example, we selected the My Team page but you can select whatever page you want to add the embed block to.

Once on that page, click on + Blocks:

Find and click Embed on the block list and then drag it to where you would like it to appear on your page:

Editing the Block

To edit the block, double-click on the block, and the menu will appear on the left where you can add your code:

The code added in this block will only work on the current page and when the block loads successfully. 

When adding code in a block, a <script> tag is needed. For example: 

<script>
//your custom code
</script>

Adding in custom content via an external link:

<script src="external_link_url"></script>

All functions for Page Script or Page Style can also be used at the block level for customization when using the <script> tag. For more information, see Advanced Website Customizations > Page Customizations.

Beta Released Image to Code Block

The Image to Code block is currently available as a beta release to about 20% of Lofty users. This block allows you to upload an image and use AI to recreate the image on your website.

After dragging the block over to the website, open the edit panel to upload your image. AI technology will do its best to recreate the image. Once the image has been generated, you can provide a prompt in the box to have the AI alter the image.

Hover over the image to upload a new image or access the text code to alter the image directly.

Questions?

If you have any questions regarding this topic or any others, please reach out to our Support Team via email at <support@lofty.com>, by phone at 1 (855) 981-7557, or by a chat with us through your Lofty CRM.

Related terms: embed, HTML code, code block