With the help of Online Store theme builder you can easily create your own online store theme, tailored to your own needs.
If you want to create your own theme, go to Website >Layout > Create your own theme
The theme builder allows you to create a customized theme using predefined items. You can go directly to the builder through this link or access it through the dashboard: Layout > Create your own theme.
Click “Let’s get started!“
Each theme consists of three elements:
You can only add one header and one footer. In the content part, you can insert more elements.
When creating a theme, you will be prompted to create the following pages:
- Product list
- Product page
In the builder on the right side, you will find a list of available elements. This list changes for each created subpage. They are divided into appropriate groups, e.g., headers, footers, banners, product lists, etc.
After clicking the icon, you will see the available elements for that specific group.
You can add/move an element by drag and drop.
If you want to delete an element/item, simply drag it over the trash bin icon.
Description of elements
The theme allows one header. This icon is available only when creating the Home Page. The header will be automatically copied to all the subpages.
The theme allows one footer. You can add the footer when creating the Home Page. The following subpages are then automatically removed.
You can add banners on every subpage. Read more about banners here.
The product grid is used for
- the main page
- list of products
- and product page
In the builder, on the list of products you can choose the number of columns you want to be visible (from 3 to 5).
This icon is only visible when on the product page. Choose how the gallery, description and additional product information should be displayed.
Choose how your cart should look like. This icon is available only when creating a shopping cart page
The separator is short text e.g., Bestsellers, Most Popular Products
This element allows you to display recent posts from a blog run on Online Store.
Choose what the newsletter should look like. Read more about newsletters here.
In the store you can display your picture gallery from a connected Instagram account. Read more about the Instagram widget here.
Questions and answers:
- Is the theme builder free of charge?
- Can I use the theme I created with Online Store’s theme builder for stores outside SumUp?
- Can I create a theme inspired in an already existing theme?
- Does Online Store support the theme I created?
- Can I edit an already created theme?
- Can I make a live preview?
- Is there a limit on-page elements?
- Which elements are mandatory?
- Why can’t I edit the footer and header on other pages?
- On the home and product list pages, there is the same element name: “grid” – what is the difference of this element between those two pages?
Is the theme builder free of charge?
Yes. The theme builder is available to our customers free of charge. You can use it during the trial period and after you have paid for your subscription.
Can I use the theme I created with Online Store’s theme builder for stores outside SumUp?
The themes created with Online Store’s theme builder are copyrighted by SumUp, so they can’t be used on other eCommerce platforms. You can’t also sell them as your own.
Can I create a theme inspired in an already existing theme?
The theme builder allows you to create many configurations. It’s really up to you to decide which elements you want to use for your theme. You can inspire yourself with the look of other themes or rely on your own imagination.
Does Online Store support the theme I created?
Of course! Any theme generated with the theme builder is treated the same as our other themes and we will support it by correcting any errors. Upon customer’s request, our programmers can also make modifications to the theme (the cost of any modification is determined individually).
Can I edit an already created theme?
Themes that are already saved can’t be sent back to the theme builder to be edited.
However, the theme builder will always remember your last project. This way, when you re-enter the theme builder, you can choose whether to start from scratch or continue editing your previous project. After the changes have been saved, a new separate theme will be created with the default settings.
Can I make a live preview?
While you are building a theme in the theme builder you can see its preview with sample images. Previewing your store with your products is only possible after you’ve finished working on the theme and you’ve installed it in your store.
Is there a limit on-page elements?
We have not set a limit, but you have to keep in mind that the more items, the longer the page will need to load.
Which elements are mandatory?
When you create a theme, you must add a footer and any other element from the content container.
Why can’t I edit the footer and header on other pages?
These are permanent elements for all pages. When you select the footer and header in your main page, these elements will appear on all other pages.
On the home and product list pages, there is the same element name “grid”. What is the difference of this element between those two pages?
That element is a grid of products that looks basically the same on both pages. On the product list (on the category section), you can additionally put a category list on the left, which is a side menu.
Ads-blocking plugins (e.g., uBlock) can affect the wizard. If after clicking “install on the store”, you will see too long “We’re creating your theme …”, check if you have any plugins that could cause this.