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! 🙂