How to Embed Custom Code to your Page with Premier

Kayla M.

Updated

Learn to add custom code to your pages built with the legacy template, Premier, without needing access to the Code Editor. 

Warning:
Introducing custom code to your site can open you up to vulnerabilities and potential malware attacks. We recommend using vulnerability tools like VirusTotal or Snyk to scan any custom code that you intend to use and apply certain best practices to help reduce potential impact.

In this article:


This article refers to the Premier Legacy Templates, which may be outdated! If you are using the new Kajabi Pages Templates, please refer to the updated guide here.

Adding a Custom Code Section

Embedding custom code can be used to include schedulers or videos, or to customize the appearance of a section of your page.

  • Open the Website tab from the Dashboard.
  • Click Pages
  • Select the page you wish to customize or create a new page.
  • Click Customize to open the page editor.
  • Click + Add Section from the sidebar.
  • Click the Custom Content section and click Add. 
  • Your newly added Custom Content Section will be added to the bottom of the page.
  • In the Custom Content Section, scroll to the bottom of the editor and click Add Content.
  • Then, select Custom Code
  • Finally, paste your copied custom code or enter custom code into the Code field.
  • Remember to click Save to keep your changes:


Customizing your Custom Code Block

The Custom Code Block can be used to embed or add custom code for a variety of purposes, including:

  • Adding custom code (like embedding a calendar on your page) without requiring access to the Code Editor of your site.
  • Creating blank spaces on your page to design beautiful, unique landing page layouts.
  • And more! Test out this Block to see how you can design unique landing pages to fit your business with the Custom Code Block.

Block Appearance

Alignment

Adjust the alignment of the Block within your Custom Content Section:

  • Left
  • Centered
  • Right

Container Width

Change the size of your Custom Code Block by selecting your desired container width. 

Place this block on its own row

Separate your Content Blocks within your Custom Content Section by toggling on this setting.


And that's how to embed custom code to your page with Premier! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?

Need more help?

Contact Us