Discover Our Referral Program
→

Integrate the form or app into any website yourself

Have a custom-built website, or any site that lets you edit its HTML/JavaScript? You can add your Trendful resale app yourself in a couple of minutes. It's the exact same lightweight script that powers our Shopify, Wix, and WordPress integrations: no specific platform required, just a page that runs JavaScript.

1. Add the script snippet

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

  • To show it everywhere on your site, add it to your site's shared layout/template (the file that wraps every page), right before </body>.
  • To show it on one specific page only, add it before </body> on that page instead.
<script trendful src="https://yourstore.trendful.com/init.js"></script>

Where's your code? It's in the email we sent you, with your resale app link already in it, so there's nothing to edit. This code is for the resale app on the Pro and Enterprise plans. For the sell form, add its link as a button, or ask us to add it to your page. Can't find the email? Contact us at support@trendful.com and we'll send it again.

2. Open it as a pop-up (modal)

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 Trendful 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>

3. Or embed it inline (in the page)

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, contact us at support@trendful.com.

See all guides