Adding your store to your website

If you can add code to your website, either manually or through a CMS such as WordPress, you can embed your Missingink store right on your homepage. To get started, just copy the script below, and paste it into your website. Note: if you’re using WordPress, make sure you click the “Text” tab on post / page box before you paste. You’ll need to change one thing to make it work – replace [moniker] with your store’s moniker, if you’re not sure of this, you can request it from cs@missingink.com

<script src="//assets.missingink.com/js/mi-js-store/mistore.min.js" 
    data-mistore="[moniker]" 
    data-useNavigation="false"
    data-organizeByCategory="true"
    data-buttonBackgroundColor="#000000"
    data-buttonTextColor="#ffffff"
></script>

You can also change your button colors, by selecting a background color, and text color for your buttons – just change the hexadecimal color in the corresponding in the above snippet.

Specific Platforms

Squarespace

1. Follow the instructions outlined here: https://support.squarespace.com/hc/en-us/articles/206543167-Using-the-Code-Block – and select HTML in step 2, then paste in the code above, don’t forget to change moniker to your individual store name.
2. Make sure to deselect/uncheck the display as code box.
3. We suggest creating a private test page first, so you can check for any issues or oddities.
4. Congratulations. That’s it, you should be up and running.

Wix

1. Follow the instructions outlined here: https://support.wix.com/en/article/wix-editor-embedding-a-site-or-a-widget
2. You’ll need to add your shop code to the page you want it displayed, in the content area you would like for it to display.
3. Select Embed HTML.
4. Select the Code option in the next step.
5. Paste in the the following code, don’t forget to change moniker to your individual store name.

   <div id="missingink-shop-continer-main">
   <script src="//assets.missingink.com/js/mi-js-store/mistore.min.js" 
       data-mistore="[moniker]" 
       data-useNavigation="false"
       data-organizeByCategory="true"
       data-buttonBackgroundColor="#000000"
       data-buttonTextColor="#ffffff"
   ></script>
   </div>
   

6. Now select the HTML box you created and stretch it to fill the vertical space of the page.
7. Publish your changes.
8. Congratulations. That’s it, you should be up and running.