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
- Edit a page or post, wherever you’d like your store to appear, and click Add Block, and click Embed. For help, visit Adding content with blocks.
- Open the block editor by clicking the pencil icon or Edit on the block.
- Click Code snippet, then click Embed code directly below.
- Paste your store code into the text field.
- Click Save at the top left of the window.
Note: you will not be able to preview your store until you save.
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 your custom store Missingink store code.
- 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.