How to add custom code

You can easily insert custom HTML, CSS, or JavaScript into your WEMASY website to add advanced features or custom design elements. The platform provides a simple Embed or Custom Code option that allows you to integrate your code directly within the page editor.

Step-by-step guide

Step 1: Open the editor

Log in to your WEMASY Dashboard and open the project where you want to add the custom code.

Click Edit Website to enter the visual editor.

Step 2: Add a new block

Click the “+” icon within your page to add a new section or element.

From the available block options, select Embed or Custom Code.

Step 3: Insert your code

A code editor box will appear.

Here, you can paste your HTML, CSS, or JavaScript code directly.

• Use HTML for adding elements like forms, buttons, or embeds.

• Use CSS for applying specific styles or overrides.

• Use JavaScript for custom functionality, such as animations or third-party widgets.

Step 4: Apply or save your changes

Once your code is added, click Apply or Save to insert it into your page.

The code block will now appear as part of your design.

Step 5: Preview your website

Before publishing, click the Preview button in the top-right corner.

This allows you to confirm that your custom code displays and functions as expected without affecting other elements on your page.

Tip

Only use custom code if you’re familiar with HTML, CSS, or JavaScript, as incorrect code can affect your layout or break functionality.

Always test changes in preview mode before going live.

For third-party integrations like forms, analytics, or widgets, follow the provider’s official embed instructions for best compatibility.

In summary:

To add custom code in WEMASY — open the editor → add a new Embed or Custom Code block → paste your code → save → preview before publishing.