How to Edit PageFly HTML Liquid Element?

1. About HTML Liquid ElementClick to copy

1.1. Why HTML Liquid Element?Click to copy

By using the HTML Liquid 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.

For additional details, we encourage you to view this video tutorial:

1.2. Where I can find HTML Liquid Element?Click to copy

Step 1: Click on the Plus icon which is the Add element function

Step 2: Click on the HTML/ Liquid element in the dropdown menu

Step 3: Drag and drop the element you want into the page editor and then start using it.


2. HTML Liquid Element ConfigurationClick to copy

2.1. General settingsClick to copy

Drag the HTML Liquid element onto 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.

2.2. Styling settingsClick to copy

After entering content in HTML Liquid element, you can have the Styling tab for the styling option you want.

You can check more information about the Styling tab here.

3. Key TakeawaysClick to copy

Still, HTML is always an easy way to edit your site, therefore, it would be essential if you understand and are able to write simple HTML text, to be able to edit HTML/Liquid element from PageFly

4. Frequently Asked QuestionsClick to copy

4.1. Why should I use HTML code for my shop?Click to copy

HTML code helps you display custom content on your live page with code you’ve taken from outside, or written yourself.

Headings (<h1></h1>), paragraph ( <p></p>),  div and span (<div></div>) and table ( <ul> <li> Item 1. <li> Item 2. </ul> ) …

Navigate this category

Next articlePrevious

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us