Custom code editor

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

About Custom code editor

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, avoid 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 (the last button)
  • Step 2: View the Custom CSS and Custom Javascript boxes. In the example below, we will add a code to make a sticky section
  • Step 3: Click on the Save button

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.

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

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

I got it!