The new Table of Contents element helps you create clear, organized article navigation with multiple styles, flexible customization options, and a ready-to-use setup.
Add custom code to extend your website, connect external tools, or customize specific parts of your project beyond the default settings.
How It Works
Steps:
Open your project settings.
Go to the custom code section.
Choose where the code should be added.
Paste your HTML, CSS, or JavaScript snippet.
Save your changes and test the page.
Custom Code Example
Example Custom Script
document.addEventListener('DOMContentLoaded', function () {
console.log('Custom code loaded successfully');
});Choose Code Location
Decide where your code should be loaded. Some snippets should be added inside the header, while others work better before the closing body tag.
Add Your Code Snippet
Paste your custom code carefully into the correct field. Make sure the code is complete, properly formatted, and does not include unnecessary duplicate scripts.
Test The Result
After saving your changes, preview your website and confirm that the custom code works as expected across different pages and devices.
Done
Your custom code has been added successfully. You can now use it to enhance functionality, add tracking tools, customize styles, or connect third-party services.
Good to Know
Custom code can affect your website’s performance or layout if it is not added correctly. Always test changes carefully before publishing them on a live website.
Setup Advice
Start with small code snippets and test each change separately. This makes it easier to identify issues and avoid conflicts with existing scripts, styles, or integrations.
Customization Options
Change marker, colors, icon, fonts, etc.
