Custom HTML/Liquid element

370 views Linh 0

Important: This feature is only available on the Pro plan

In this article, you’ll learn about the Custom HTML element and how to use it.

About Custom HTML element

By using the Custom HTML element, you can add HTML code into the PageFly editor. HTML code helps you display custom content on your live page with code you’ve taken from outside.

To use the Custom HTML element, choose the icon named Add element on the left sidebar > ADVANCED > choose the Custom HTML element, and then drag and drop this element into the page editor.
Note that you can search this element by using the search function instead of finding it in the sidebar.

Drag a Custom HTML element on to the layout and see how it can be configured.

Custom HTML element configuration

Drag the Custom HTML on to the layout and select it to see its parameters. Click on Open Editor to open the code editor where you can copy your HTML code into.

The Code Editor modal opens.

  1. Click the Discard Change button or the Close icon at the top if you don’t want to use the custom code anymore. And when you take this action (Discard Change or Close), the custom code that you changed will not be saved.
  2. Click the Save change button if you want to save the custom code you entered and it will be applied to your page editor.

Was this helpful?

Start your free 14-day trial
of PageFly
Don’t have Shopify store yet? Create store