Custom code editor

In this article, you will learn about the Custom code editor and how to use it.

About Custom code editorClick to copy

The Custom code editor allows you to insert custom CSS and Javascript code to your page. If you are looking to customize an element or create a new effect on the page, the Custom code editor can help you insert custom code and level up your page design, increasing the conversion rate of your store.

Or you can even prevent some issues on your page by adding custom code such as making full-width sections, avoiding blank spaces on top of the pages, etc.

Please note that you should contact us via Live chat if you need to ask any custom code questions.

Important: This is an advanced feature that requires knowledge of web design languages such as HTML, CSS, and Javascript. If you do not understand this feature, please avoid using it as it could seriously harm your page.

How to access and work with the Custom Code editor

  • Step 1: In the Element Catalog, click on the Add custom Code button (on the left toolbar)
  • Step 2: View the Custom CSS and Custom Javascript boxes. In the example below, we will add a code to fix the error: Sometimes when you see your pages on the mobile, the page ended up with an undesired extra space to the right. (It slides from the left to the right).
  • Step 3: Click on the Save button

customcode

For more details on how to make a sticky section, please check this article.

  1. Click the Dismiss button or the Close icon on the top if you don’t want to use the custom code anymore. And when you take this action (Dismiss 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 made and they will be applied to your page editor.

Important:

  • CUSTOM CSS code: You don’t have to place any <style> tags in this area as they’re already added for your convenience. 
  • CUSTOM JAVASCRIPT code: You don’t have to place any <script> tags in this area as they’re already added for your convenience.
  • The Custom code editor only supports JavaScript/ CSS code, so it doesn’t allow you to add HTML code.

If you have further questions, please join our community. This community is exclusive for PageFly merchants only with our experts and merchants from all around the world!

JOIN PAGEFLY COMMUNITY

Thank you for your feedback!

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

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

I got it!