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
- 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.
- Make sure to deselect/uncheck the display as code box.
- We suggest creating a private test page first, so you can check for any issues or oddities.
- Congratulations. That’s it, you should be up and running.
Wix
- Follow the instructions outlined here: https://support.wix.com/en/article/wix-editor-embedding-a-site-or-a-widget
- 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.
- Select Embed HTML.
- Select the Code option in the next step.
- 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>
- Now select the HTML box you created and stretch it to fill the vertical space of the page.
- Publish your changes.
- Congratulations. That’s it, you should be up and running.