> For the complete documentation index, see [llms.txt](https://docs.maker.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maker.co/tips-and-tricks/adding-maker-to-your-site.md).

# Adding Maker to your site

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

<figure><img src="https://16034713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM2xSzN6C9hL2ozNM8Yx0%2Fuploads%2FYGtL1Xu3rcskJQgHnZMu%2FAdding%20Maker.png?alt=media&amp;token=a09ad4a5-b81c-4e0f-ab4c-722bc1155d37" alt=""><figcaption></figcaption></figure>

***

#### CMS Platforms

[Squarespace](/tips-and-tricks/adding-maker-to-your-site/squarespace.md)

[Wix](/tips-and-tricks/adding-maker-to-your-site/wix.md)

[Webflow](/tips-and-tricks/adding-maker-to-your-site/webflow.md)

[WooCommerce (Wordpress)](/tips-and-tricks/adding-maker-to-your-site/woocommerce-wordpress.md)

[Shopify](/tips-and-tricks/adding-maker-to-your-site/shopify.md)

[BigCommerce](/tips-and-tricks/adding-maker-to-your-site/bigcommerce.md)

[Magento / Adobe Commerce](/tips-and-tricks/adding-maker-to-your-site/magento-adobe-commerce.md)

[HubSpot CMS (new)](/tips-and-tricks/adding-maker-to-your-site/hubspot-cms.md)

***

### 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>`)

```
<!-- Very top of <head>: warm up & preload -->
<link rel="dns-prefetch" href="//aicdn.maker.co">
<link rel="preconnect" href="https://aicdn.maker.co" crossorigin>
</script>
```

#### Where to paste this code on different platforms?

#### 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.

#### Wix

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

#### Webflow

* **Project Settings → Custom Code → Head Code** → paste → **Save** → **Publish**.
* Per‑page: **Page Settings → Inside head tag** → paste → **Publish**.

#### 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).

#### Shopify (Online Store 2.0)

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

#### 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.

#### 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**.

#### 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.

***


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.maker.co/tips-and-tricks/adding-maker-to-your-site.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
