Integrating Docket with WordPress, Webflow, and Shopify

Last updated: August 11, 2026

Install a Docket Marketing Agent in a CMS by adding the exact script generated in the agent's Deploy tab to an approved site-wide or page-specific custom-code location.

Before You Start

  • Confirm your CMS plan and role allow custom JavaScript.

  • Configure the agent's allowed domains and page-targeting behavior.

  • Use a staging site or unpublished theme when available.

  • Identify who owns production changes and rollback.

Copy the Current Script

  1. Open Marketing Agent Configuration.

  2. Select the agent.

  3. Open Deploy.

  4. Expand Add widget to your domain or page.

  5. Select Copy Script.

Do not reuse a script copied from another agent or an older document. The Deploy tab is the source of truth for the current agent.

WordPress

Use one custom-code method approved by your WordPress administrator:

  1. Open the site's approved header/footer code manager, custom-code plugin, or child theme.

  2. Add the Docket script to the site header or the template used by the intended pages.

  3. Save or publish the change.

  4. Clear WordPress, plugin, and CDN caches that could retain the old page output.

Avoid editing a parent theme directly when theme updates would overwrite the change.

Webflow

  1. Open the site's custom-code settings.

  2. Add the Docket script to the site-wide head code or the intended page's head code.

  3. Save the change and publish the site.

  4. Test the published staging and custom domains separately when both are in use.

Custom code may not execute inside the visual designer. Validate the published site.

Shopify

  1. Duplicate the active theme or use the store's approved development theme.

  2. Open the storefront theme code or approved custom-code integration.

  3. Add the Docket script to the shared storefront layout or an intended template.

  4. Save and preview the theme before publishing it.

Use Docket's page-targeting controls when the script is installed site-wide but the widget should appear only on selected storefront pages.

Verify the CMS Installation

  1. Open the published test page in a private browser window.

  2. Confirm the Docket script loads once.

  3. Confirm the intended agent appears on allowed pages and stays hidden on excluded pages.

  4. Complete a short text interaction and test any voice, CTA, meeting, slide, or video behavior the agent uses.

  5. Repeat at desktop and mobile widths.

Troubleshooting

Problem

What to check

Widget does not appear

Confirm the current script is present in rendered page source and the domain is allowed in Docket.

Old behavior remains

Clear CMS and CDN caches, then test in a private browser window.

Script is removed after a theme change

Move the installation to an approved persistent custom-code method or child/development theme.

Widget appears on the wrong pages

Review Docket page targeting and the CMS template where the script was added.

Browser blocks the script

Review Content Security Policy and consent-manager rules with the web administrator.

Related Articles