Skip to main content
pagent needs one line of code on every page of your site. It goes into the <head>, as early as possible, so pagent can show a variant before the page appears. You don’t need a developer: most platforms have a field for exactly this.

​
Pick your platform

Shopify

Paste the snippet into your theme.

WooCommerce and WordPress

Use a free header plugin or your child theme.

Shopware

Use a head-code plugin or your theme.

Magento and Adobe Commerce

Add it in the design configuration.

Wix

Add it under Custom Code.

Squarespace

Add it with Code Injection.

Webflow

Add it to your site’s Head code.

Framer

Add it as custom code.

Google Tag Manager

Possible, but it can cause flicker.

Any other website

Paste it into the <head> of every page.

​
Before you start

Copy your pagent snippet. You find it in the install step after you start your trial, and any time later in pagent under Settings → Setup. It looks like this, with your own client key:
Paste it unchanged. Don’t add async, defer or type="module": pagent needs to load before your page shows, so visitors never see the original flash. Built with Next.js, React, Vue, Nuxt, SvelteKit, Astro or another framework? See Frameworks for where the snippet goes and which settings to use. The developer guide covers asynchronous loading and every option. Pass your visitors’ consent to pagent with Cookiebot, Usercentrics or consentmanager. For any other banner, see the consent guide.