Skip to main content

How to Embed a Pre-Save on Your Website Using Sonikit

Step-by-step instructions with examples for Squarespace, Wix, WordPress, Shopify, and custom HTML.

Updated over a week ago

Embedding a Pre-Save directly on your website is a powerful way to capture fan engagement without sending visitors away. With Sonikit, you can easily embed a Pre-Save form that matches your brand and integrates seamlessly with your fan experience.

Why Use an Embedded Pre-Save?

  • Fans stay on your website instead of navigating to a separate link.

  • Better control over branding and layout.

  • Higher conversion rates due to a more integrated experience.

  • Works perfectly with retargeting pixels and other on-site marketing tools.


Step-by-Step Guide to Embedding a Pre-Save

1. Start a New Pre-Save

  • Click the “Create” button in the top left of the Sonikit dashboard sidebar

  • Select “Pre-save”

2. Choose Pre-Save Embed

3. Add Release Details

  • Upload your cover art

  • Enter your release title

  • Enter your artist name

  • Add your UPC (optional for now)

🚨 You can continue without a UPC, but you must add it before release day for the pre-save to work.

4. Select Streaming Services

5. Enter your release date and time

6. (Optional) Enable NextSave

  • Available on Pro and Enterprise plans

  • Allows fans to subscribe to all future releases

7. Choose Localization

  • Global (Recommended): Same release time for all fans

  • Local: Based on each fan’s timezone

8. Click "Create" to save your pre-save

Adding the Embed to Your Website

After creation:

  1. Open your pre-save embed card

  2. Click the code icon at the top

  3. Choose your platform:

    • Squarespace

    • Wix

    • Custom site

    • Other

  4. Follow the provided instructions to install the embed


Customize Styling (Optional)

You can adjust the design of your pre-save embed to match the style and branding of your site. To view design settings, click the gear icon at the top of your pre-save card and click the Design tab.

Refer to: Customizing Your Pre-Save for design guidance.


Things to Keep in Mind

  • The embed is responsive and works on mobile

  • You can embed multiple Pre-Saves on one page if needed

  • Pixel tracking and fan event analytics are automatically included


Related Articles

Did this answer your question?