We're software that helps growing brands & retailers grow and scale. Sync, sell and ship your products and inventory on online marketplaces and storefronts faster, easier and more accurately.

Learn more now

How can I create my own storefront or have a developer create one?

SureDone storefront templates are built with HTML, CSS, JavaScript and Twig. If you have a template that uses PHP, it will need to be converted to Twig. SureDone has developers that can do this for you if you do not have a developer that knows Twig. Before modifying any existing templates, you'll want to download the existing template and then create a new template. This way if any mistakes happen, you can always revert back to the original storefront.

Getting Started:

First, go to Settings > Templates, then click Default to get into the default SureDone template. Scroll to the bottom and click Download All. If you have an existing template and want to make modifications, it's best to do the same process but rename your new template V2 or some indicator that it's the newest version. This way, if there is an issue with the html, you can easily switch back to the first version of your template or to the Default template. 

Now that you have these files, you can go back to Settings > Templates and enter a new template name under Add Template. After you add this, you can click on the new template name. Here, you can upload all of the new files (same files to start). The only files you can upload here are .htm files. Your assets (images, css, scripts) need to be added in Settings > Assets which will be covered below. To select your new template as the default template, change the Site Flavor, switch Confirm to On and then click Save Settings.

To easily check your storefront, hover over Storefront and click Go To Storefront.

Uploading Assets:

Images, CSS, JavaScript and any other files can be added in Settings > Assets. This is setup as a folder structure so you can keep your assets organized. The folder that is selected by default is logos. When you upload new logos under Settings > General, this is where all of your logos get uploaded to.

First, select the folder you want to upload the assets to. Click Choose Files, select all of the files you want in the folder and then click Upload Files. This cannot handle more than 100 items at the same time. If you have 250 images that you’re uploading to the images folder, you will have to upload 100 at a time.

If you want to create a separate folder, click the Add checkbox next to the dropdown so you can add the media. After typing in the new folder, go ahead and click Choose Files that you want to add into your new folder. Once you've selected them, click Upload Files to create your new folder and upload the media.

It will give you a URL like:  http://assets.suredone.com/1234... you need to add Amazon in the middle of it when referencing the file. Change the URL to be:

When it's just SureDone, it's cached. When you reference Amazon, it's real time.

Setting Logos, Favicon, Icons and CSS:

Go to Settings > General to set your logo, your favicon, enter your Homepage title/description, change the directory of your icons or your CSS.

Below are additional guides to go deeper into those topics.

Creating Pages:


Creating Categories:


Twig Templating Engine (advanced documentation):


Redirect Links:

If you have an existing website with a steady flow of traffic, you'll want to setup redirect links for categories and items. To do this, you'll need to download a spreadsheet of your category names and the full URL for those categories. Best thing to do would be to add another column of the new categories next to them. Once finished, send this over to our support team and we can upload your redirect links. The exact same thing needs to be done for your item URLs as well.

Setting the site live:

After everything is finished, you're ready to redirect your website URL to SureDone. This is not a forward, but requires following these instructions:


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.