Design and Marketing Snippets

Design and Marketing Snippets

To add new functionality to your Shopit template, you can make use of our Snippets feature.

Snippets are like 'shortcodes' - you create/paste longer form code and Shopit outputs a shorter code for you to place anywhere on site.

How to Create a Snippet

  1. Within your Sales Channel menu, click Snippets
  2. Give your Snippet a recognisable name
  3. Shopit will turn this into the snippet short code automatically, or you can overwrite it
  4. Create your code (see below examples)
  5. Save
When using the Template Editor you will see several snippets already created and being used. You can ciick the green bar to edit these, or go via the Snippets menu option

The Code Format


Your snippet code will be in the format of:

{{ snippet('yournamehere') }}

Please note the spaces, the single apostrophe marks and the double curly brackets.

Placing your Snippet Code

You have a number of options to utilise your snippets. You can place them in:

  1. a single place (or a number of single places) e.g. Contact Form
  2. a recurring place like all products e.g. Shipping Information
  3. a recurring place like the footer - so every single page on the site e.g. Customer Reviews of your company

Examples


Free Shipping snippet on every product page

Footer snippet appears on every page

Combined with our Create Forms feature, this email form uses a snippet to feature on a single contact page







    • Related Articles

    • Getting Started

      Creating your first website on Shopit is a simple 7 step process. Follow this guide to make sure you are covering all stages: 1. Add Products You can choose from 3 ways to enter your products: Manual add (there are 2 examples you can edit) Import a ...

    • Managing your Robots.txt file

      The Default robots.txt file As default, shopit has a robots.txt file that reads: User-agent: * Allow: / Disallow: /search Disallow: /login Disallow: /account Disallow: /checkout Sitemap: https://{{ app.request.host }}/sitemap.xml You can check this ...

    • Adding a Basket Calculator

      If you would like your online store basket to show an automatic calculator, you can use the code below. Creating an 'Add X to get free delivery' message Here the calculator will compare the basket value with a nominal value and show a message. In ...

    • Creating Forms for your website

      Shopit gives users the ability to create multiple contact forms across your website, using the Messages/Forms feature. We also store your messages in the admin area as a backup to you forwarding them to a nominated third party email address/group. ...

    • Visible Channels

      When working across e.g. 10 websites, there is a lot to concentrate on to ensure that you are working on the correct data. There are a number of options available in Shopit to make multi channel working easier. Visible Channels In the bar at the top ...