Custom Code

  1. Home
  2. Knowledge Base
  3. Customizing Your Site
  4. Custom Code

You can use custom code to extend Without Code’s capabilities and add features. There are a few different methods for adding code.

Notes:

  1. Before you add or edit any custom code make sure that you backup your site to ensure you can rollback if needed.
  2. Test custom code on a test page before adding it to your actual site.
  3. Our support team can’t troubleshoot custom code.

HTML Widget

Adding Widget

To add custom code using this widget, open the Widgets tab and search for the HTML widget.

Drag this widget into the desired location of your editor. If you place this in the header or footer, this code will appear on all pages and if you place it elsewhere, it will only appear on the single page. Drop the widget and it will open the content and design options. Under the content tab you can insert your code.

Using the design tab you can choose the background color, border, and spacing.

Editing Code

Once custom code is placed in the HTML widget, you can typically select the widget to open the editor, but you can also select the container where the code lives and select “Edit HTML/CSS.”

Editing Code Inline

Edit code inline by right clicking on any element. Then select “Edit HTML/CSS.”

This will bring up the raw code, which you can edit.

Note: we recommend that you don’t add new selectors here, and instead add them using the developer mode.

Developer Mode

View the code for the entire site by selecting the “</>” icon from the top menu.

This will open your dev mode panel; the code is broken into sections so you can easily edit the correct area. Read more about the dev mode.

Related Articles

Join Now