Docs

WordPress

Documentation

Install on WordPress

Add SpryUI to your WordPress site, connect your project, and check your first banner on a published page with this setup guide.

Before you start

Copy your project’s public key and add your website’s hostname in Get Started.

WordPress.com needs a plan that supports adding header and footer code.

Add the snippet

  1. Install and activate the WPCode plugin.
  2. Open Code Snippets → Header & Footer.
  3. Paste the snippet below into Footer and save your changes.

Replace YOUR_PROJECT_PUBLIC_KEY with your key. Add this snippet once.

Snippethtml
<script src="https://spryui.com/sdk/v1/index.iife.js"></script>
<script>
  SpryUI.initSpryUi({ publicKey: "YOUR_PROJECT_PUBLIC_KEY" });
</script>

Check your banner

In SpryUI, create and enable a Production banner. Open your published website in a new tab. If it does not appear, follow Troubleshooting.

WordPress’s custom code instructions ↗