Cart for Wordpress – Stampr

For Wordpress user's we have included these instructions for websites that have their own Wordpress installed (or paid wordpress.com users). You must be able to edit your template.

Not you? No problem. Here is an article for all other site's: Cart-meleon

Need help? Contact help@stam.pr

1. Add script tag

The first thing you'll need to do is edit your template to include the marketplace.js script tag just before/above the closing </body> tag in footer.php of your template.

<script src="https://cdn.stam.pr/js/marketplace-v0.0.1/marketplace.js"></script>

Need help editing footer.php? See this page for more info about editing templates or watch this video to learn about a plugin method if you don't feel comfortable editing your template.

2. Add a specially formatted html tag

Wherever you'd like to place a product, you'll need to add a special HTML tag that looks like this:


    <div class="stampr-marketplace">
      <code class="data-account=">s_01KxtNPMMJLrgsRWV2kR4S</code>
      <code class="data-tenant=">tenant_2tWyq1sm63rTWiOBBPJxCl</code>
      <code class="data-domain=">momdevoted.stampr.io</code>
      <code class="data-id=">prod_6Pz83I1f6zUAyaxfHd9Zwj</code>
    </div>

Troubleshooting: Product not showing? Be sure you include the class="stampr-marketplace", data-account, data-tenant, and data-domain. Without it, the product will not be displayed.

3. Optional: Display one or more products

You can display single products, a set of specific products, or a list all products attached to your account.

Single product

This is the example used above. To display a single product, add data-id="prod_..." to your tag.


    <div class="stampr-marketplace">
      <code class="data-account=">s_01KxtNPMMJLrgsRWV2kR4S</code>
      <code class="data-tenant=">tenant_2tWyq1sm63rTWiOBBPJxCl</code>
      <code class="data-domain=">momdevoted.stampr.io</code>
      <code class="data-id=">prod_6Pz83I1f6zUAyaxfHd9Zwj</code>
    </div>

Set of products

If you wish to display more than one product, include data-products="prod_1, prod_2, prod_3"and enter a comma-separated list of product ids that you wish to display.

 <div class="stampr-marketplace">
      <code class="data-account=">s_01KxtNPMMJLrgsRWV2kR4S</code>
      <code class="data-tenant=">tenant_2tWyq1sm63rTWiOBBPJxCl</code>
      <code class="data-domain=">momdevoted.stampr.io</code>
      <code class="data-products=">prod_6Pz83I1f6zUAyaxfHd9Zwj, prod_72cDFTZMjDqQXJpnmrPZue, prod_5KYHez7Ny2FZEhrq4z3Sx9</code>
    </div>

All products

The third and last option you have with displaying products is to display all products attached to your account using with the data-collection="all" attribute.

Note: Only "all" is supported at this time.

<div class="stampr-marketplace">
      <code class="data-account=">s_01KxtNPMMJLrgsRWV2kR4S</code>
      <code class="data-tenant=">tenant_2tWyq1sm63rTWiOBBPJxCl</code>
      <code class="data-domain=">momdevoted.stampr.io</code>
      <code class="data-collection=">all</code>
    </div>