Getting Started

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:
  1. Manual add (there are 2 examples you can edit)
  2. Import a csv using our template
  3. Import from another platform e.g. Shopify
It is important to remember that whilst Shopit has a default product record structure (Product Title, Description, Cost Price etc), you can also add custom fields to make it match your incoming data.

2. Create Categories


Use categories to group relevant products together, and make it easy for the site visitor to find. We have given you 2 categories (Shirts, Bags) that you can edit, or you can create your own.

Categories will be either 'Parent Categories' (that appear on the main navigation) or 'Child Categories' (that appear in dropdown menus). To Add a Parent Category there is a simple button; to add Child Categories, hover over the parent under which the child is to live:



3. Assign Products to Categories

From the main Products screen, you can view all globally created products, tick which ones you want to work with and then Assign Primary Category - choosing across all sales channels



Note: This is the same process for you to also set the product's visibility, it's secondary category and it's product filter attributes.


4. Configure Your Settings

Each sales channel you create will need the business details entering as this will impact:
  1. Currency Choice
  2. Tax Rate
  3. Customer Order Notification emails
  4. Shipping Rates
Each sales channel will need unique information

5. Edit your Store Design

Shopit gives you a number of free templates to get you going, all built on the Bootstrap 4 CSS framework.
  1. Within your chosen Sales Channel, go to Design
  2. View your store
  3. Edit your current template using the snippets overlaying the design
  4. Edit your current template code (HTML and CSS knowledge required)
  5. Get a web designer to re-engineer one of our templates or build your own (HTML, CSS, PHP knowledge required)
  6. COMING SOON: Edit your design through the side menu options
We offer design support as part of our Onboarding Sessions, or you can contact one of our Shopit Partners for further help and advice
TIP: Check the dimensions and proportions of any area where you are placing an image, then try to ensure your images are pre-edited to the correct dimensions/proportions - this reduces the need for any browser to resize it. All of our designs are responsive and will change accordingly to different devices

6. Add your Payment Options

Shopit has a number of pre-configured payment gateways offering excellent rates, which are easy to setup. If you have a different gateway to integrate, contact us
  1. Go to Settings - Payment Gateways
  2. Compare and choose the best gateway for you (a good starting point is our Payment Gateway comparison tool)
  3. Make an Application directly with the provider to set up an account
  4. Follow the instructions to connect your gateway account with your Shopit account (usually a API key and password/secret)
  5. Your gateway is live
  6. Process a test transaction


7. Create Additional Content

All eCommerce sites will need the following pages:
  1. About (recommended)
  2. Terms & Conditions (essential)
  3. Delivery /  Returns Policy (essential)
  4. Contact (recommended)
  5. Blog content (optional)
All of which should be added via Pages or Blog as appropriate. The pages will then need linking to from your template, and will be important both for your users and for search engine rankings.


    • Related Articles

    • 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 ...

    • 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 ...

    • Adding New Users

      Shopit allows you to add an unlimited number of users to manage all or parts of your eCommerce store. Understanding Roles Creating a role allows you to define what a user can view and edit, and which sales channels they have access to. Once created, ...

    • 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 ...