search
CommunityJoin our Waitlist

photo-film-musicAdding Maker to your site

Below are step-by-step instructions for adding Maker’s embed scripts to several leading CMS platforms.

hashtag
Squarespace

hashtag
Embed on a single page

  1. Edit the target page → hover and click ➕ Add Block.

  2. Select Code, set HTML mode.

  3. Paste your Maker <script> → Apply → Save. Squarespace Helparrow-up-right

hashtag
Site-wide load

  1. Settings → Advanced → Code Injection.

  2. Paste the script in Header (or Footer) field.

  3. Click Save. It now runs on every page. Squarespace Helparrow-up-right

hashtag
Wix

hashtag
Embed in a specific section

  1. In the Editor, click Add (+) → Embed → Embed HTML.

  2. Drag the frame where Maker should appear, then Enter Code.

  3. Paste the script → Update → Publish. Wix Support Centerarrow-up-right

hashtag
Global or selected pages

  1. From your Dashboard, go to Settings → Custom Code.

  2. Click + Add Custom Code.

  3. Paste the script, name it, choose All pages or specific pages & location (Head / Body), then Apply. Wix Support Center+1arrow-up-right

hashtag
Webflow

hashtag
Exact spot in a design

  1. Open Designer → Add panel.

  2. Drag an Embed element onto the canvas.

  3. Paste the Maker <script> → Save & Close → Publish. help.webflow.comarrow-up-right

hashtag
Template-wide or site-wide

Page only: Pages panel → ⚙ Page Settings → Custom Code → paste in Head or Before </body> → Save. Entire site: Site Settings → Custom Code → paste in Head or Footer → Publish. help.webflow.comarrow-up-right

hashtag
WooCommerce (WordPress)

hashtag
Single product or page

  1. Edit the product/page in Gutenberg.

  2. Click ➕ → Custom HTML block.

  3. Paste the script → Preview → Update/Publish.

hashtag
Theme-wide

  1. Appearance → Editor (or header-footer plugin).

  2. Paste the script in header.php, footer.php, or a global template part → Save. (Requires admin permissions.)

hashtag
Shopify

hashtag
Exact placement on a template

  1. Online Store → Themes → Customize.

  2. Open the template (e.g., Products).

  3. Add block/section → Custom liquid → paste the script → Save. Shopify Help Centerarrow-up-right

hashtag
Site-wide

  1. … → Edit code.

  2. Open layout/theme.liquid (or the relevant template).

  3. Paste the script before </body> → Save. Shopify Help Centerarrow-up-right

hashtag
BigCommerce

hashtag
One page only

  1. Storefront → Web Pages → edit the page.

  2. Switch to HTML view.

  3. Paste the script → Save. BigCommerce Supportarrow-up-right

hashtag
All or selected pages

  1. Storefront → Script Manager → Create a Script.

  2. Fill Name, choose Location (Header/Footer), Pages, Script Type: Script.

  3. Paste the script → Save/Enable. BigCommerce Supportarrow-up-right

hashtag
Magento / Adobe Commerce

hashtag
Page Builder block

  1. In Admin, edit the Page/Block/Category → Edit with Page Builder.

  2. In Elements, drag HTML Code onto the canvas.

  3. Paste the script → Save (clear cache). Experience Leaguearrow-up-right

hashtag
Reusable block

  1. Content → Elements → Blocks → Add New Block.

  2. Add an HTML Code element with the script → Save.

  3. Place that block anywhere via Page Builder. Experience Leaguearrow-up-right

hashtag
HubSpot CMS (new)

hashtag
Site-wide header or footer

  1. Settings → Website → Pages.

  2. Open Site Header HTML (or Site Footer HTML).

  3. Paste the script → Save. HubSpot Knowledge Basearrow-up-right

hashtag
Within a template

  1. Marketing → Files & Templates → Design Tools.

  2. Edit a theme/template; drag a Custom HTML module where Maker should appear.

  3. Paste the script → Publish template. HubSpot Knowledge Basearrow-up-right

hashtag
How do I make my Maker content load faster?

Paste one small block of code into the page head and publish. Copy‑paste this (everything goes inside <head>)

hashtag
Where to paste this code on different platforms?

hashtag
Squarespace (7.0/7.1)

  • Site‑wide: Settings → Advanced → Code Injection → Header → paste the whole block → Save → Publish.

  • Single page: Open the page → Settings → Advanced → Header → paste → Save.

Requires a Business/Commerce plan for Code Injection.

hashtag
Wix

  • Dashboard → Settings → Custom Code → Add Custom Code → paste → Place Code in: Head → All pages (or select pages) → Apply → Publish.

hashtag
Webflow

  • Project Settings → Custom Code → Head Code → paste → Save → Publish.

  • Per‑page: Page Settings → Inside head tag → paste → Publish.

hashtag
WooCommerce (WordPress)

  • Easiest: install “Insert Headers and Footers” (WPCode) plugin → Code Snippets → Header → paste → Save.

  • Or theme edit: Appearance → Theme File Editor → header.php → paste inside <head> → Update file.

Make sure caching/CDN is cleared (e.g., WP Rocket, Cloudflare).

hashtag
Shopify (Online Store 2.0)

  • Online Store → Themes → Edit code → layout/theme.liquid → find <head> → paste the block just after <head> → Save → Preview/Publish.

hashtag
BigCommerce (Stencil)

  • Storefront → Themes → Advanced → Edit Theme Files → open templates/layout/base.html (or the head partial, e.g., templates/components/common/html-head.html) → paste inside <head> → Save → Preview/Publish.

If you prefer not to edit files, you can add only the <script> via Storefront → Script Manager (Location: Head). The three <link> tags usually require theme file edit.

hashtag
Magento / Adobe Commerce (Magento 2)

  • Admin → Content → Design → Configuration → choose your Store View → Edit → HTML Head → Scripts and Style Sheets → paste → Save Configuration → Flush Cache.

hashtag
HubSpot CMS

  • Settings → Website → Pages → (choose domain) → Templates → Site header HTML → paste → Save → Publish.

  • Or edit your theme in Design Manager and add the block to the global header partial.

PreviousCustom DomainNextAdding Assets

Last updated

Was this helpful?