HTML/Liquid element

This element is available on all PageFly plans

This video will give you a great tutorial on how to add HTML/ Liquid element on your page


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

About Custom HTML/ Liquid element

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.

Access the HTML/ Liquid element

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.


Drag an HTML/ Liquid element on to the layout and see how it can be configured.

HTML/ Liquid element configuration

Drag the HTML/ Liquid element 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?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages