Skip to main content
Section: Custom HTML
Jalal avatar
Written by Jalal
Updated over 2 years ago

The Custom HTML section makes it possible for you to add a section with custom code for implementing other content outside Shopify. For example a Google calender or a YouTube video.

To activate this section you first have to add the section to your page. This can be done in a few small steps.

1) Click on 'add section' which can be found in your left sidebar

2) Scroll down, or search for 'custom HTML', then click on 'custom HTML'.

3) Done, your custom HTML section is added.

General settings

The general settings contains the basic settings for the styling and your custom code.
Simply click on the 'section' to open the settings.

On the right sidebar, the following settings will show

Custom HTML:
Here you can add your custom HTML code.

Spacing

Bottom spacing desktop/mobile:

Set the spacing on the bottom for desktop and mobile.

That way you will get the amount of whitespace below the element you want. The default for desktop is 50px and the default for mobile is 30px.

Did this answer your question?