Skip to main content
All CollectionsIntegrations
Custom code - How to integrate custom code into a project or page
Custom code - How to integrate custom code into a project or page

In this article, you will learn how to integrate custom code into a 2.0 project or 2.0 page.

Alina avatar
Written by Alina
Updated over a week ago

It is possible to include custom code in Onepage, both in individual sections and in entire projects or pages. In this article, you will learn how to embed code for an entire project or page.


💡Option 1: Embedding Custom Code via Settings

Step 1: Create Code

Many tool providers offer code that you can embed. Of course, if you have the necessary knowledge, you can also insert your own custom code.

Step 2: Insert Code

Log in to Onepage and select the project you want to edit. Click on </> Custom Code.

Once you click on it, you will see the settings options for this page at the top.

Step 3: Edit or Insert Code

Select "Page code" or "Site code" in the settings, depending on whether the code should be active only for the currently selected page or the entire project.

⚠️ Important: You can edit either the page code OR the project code, but not both at the same time!

Note: Pasting code via copy-paste only works using keyboard shortcuts (CTRL + V on Windows or CMD + V on Mac) and not via the right-click menu.

Step 4: Save and Publish

After entering your code, save your changes and refresh the page to see them live.


💡Option 2: Embedding Custom Code Directly in the Builder

Step 1: Add a New Section

Click the "+" button to create a new section and select "Custom Code".

Step 2: Edit the Code Area

Click the pencil icon to edit the code area.

Step 3: Insert Code

Enter the necessary code into the corresponding field:

  • HTML for structural elements.

  • CSS for design and styling.

  • JavaScript for interactive features.

Step 4: Publish and Test Changes

Publish the changes to apply them to your page.


Related Articles


💡Do you have any feedback concerning this article? Please let us know through our live chat or at support@onepage.io so we may keep it up to date. Thank you! 🙂

Did this answer your question?