Integrate the form or app into your Shopify website

There are two ways to add your Trendful form or app to your Shopify store — pick whichever you prefer:

• Option 1 — We integrate it for you. Grant our team secure theme access and we'll add it for you.
• Option 2 — You integrate it yourself. Paste a short snippet into your theme and add a button. Takes a few minutes.

Option 1 — Let Trendful integrate it for you

---

To complete your integration this way, Trendful uses the Shopify Theme Access app. This lets merchants securely grant theme access since Theme Kit is deprecated.

Follow the steps below to install the app and share a one-time theme password with our team.

1. Install the Theme Access app

1. Go to the Theme Access page on the Shopify App Store and click Add app. You can find it by searching "Theme Access" in your Shopify Admin search bar.

2. In your Shopify admin, authorize and click Install app.

3. After installation, you can open the app from your Apps page.

2. Create a theme password for Trendful

To allow Trendful developers to safely access your theme using Shopify CLI, Shopify requires creating a one-time password.

Note:
The password email expires after 7 days or once the developer views it.
It can only be viewed a single time.

1. Open the Theme Access app.
2. Click Create theme password.

3. Enter the following developer details:

   • Developer name: Mailys Rabot
   • Email: mailys@trendful.com

4. Click Create password. Shopify will send the secure password link directly to Trendful.

3. Resend the password (if needed)

If we haven’t received the password or the link expired, you can resend the email.

1. Go to the Passwords page in the Theme Access app.
2. Click Details next to the Trendful developer entry.
3. Click Resend email.

4. Delete a developer password (optional)

If Trendful no longer needs access, you can revoke it at any time.

1. Go to the Passwords page.
2. Click Delete next to the developer.
3. Confirm by clicking Delete again.

After granting access, the Trendful team will complete the necessary theme updates and keep your integration up-to-date with Shopify’s requirements.

Option 2 — Integrate it yourself

---

Prefer to add it on your own? You only need to do two things: paste our script into your theme, then add a button or link that opens it.

1. Add the script snippet

Add this snippet just before the closing </body> tag:

• To show it everywhere on your store, add it to your theme's main layout: Online Store → Themes → ••• → Edit code → layout/theme.liquid, right before </body>.
• To show it on one specific page only, add it before </body> on that page's template instead.

<script trendful src="https://YOUR-CUSTOM-LINK.trendful.com/init.js"></script>

Your custom link: replace YOUR-CUSTOM-LINK with your store's unique Trendful form or app link. Don't have it yet? Contact us at support@trendful.com to get your custom link.

2. Add a button or link

Add the class trendful-button (use the class for one or more elements) or the id trendful-button (for a single element) to any button or link. Clicking it opens the form or app in an overlay on your page.

<!-- a button -->
<button class="trendful-button">Sell your item</button>

<!-- or a link — leave off target so it opens in place instead of a new tab -->
<a href="#" id="trendful-button">Sell your item</a>

That's it — every element with trendful-button opens it.

3. (Optional) Embed it inline instead of a pop-up

Prefer Trendful to sit directly in the page rather than open as an overlay? Add a container with the data-trendful-inline attribute, set to which one you're embedding — "app" for the resale app or "form" for the sell form. It renders in place, no button needed:

<!-- resale app -->
<div data-trendful-inline="app"></div>

<!-- or the sell form -->
<div data-trendful-inline="form"></div>

To set a custom height (defaults to 700px), add data-trendful-inline-height:

<div data-trendful-inline="app" data-trendful-inline-height="800px"></div>

The inline embed and the pop-up button can both be used on the same page — they work independently.

If you have any questions with either option, contact us at support@trendful.com.