Learn With Us

Create a Store
with Elementor

The Goal

Create a website with an online store to present and sell your products.

Description

Learn how to create your online store with this visual step-by-step guide.

What's inside

Step by step guide to edit a kit into your own store:
13 units, 53 steps

Requirements

This guide is for editing an Elementor Hosted kit; an installed kit on an Elementor Hosted website is required.

How to use
this guide

Prerequisites:
An Elementor Hosted website
equipped with a pre-installed kit
featuring an online store.

 

Instructions:

  • Follow the learning path unit by unit and step by step.
  • Each step in the learning path will guide you through the process of editing a kit and creating your own custom website.
  • Steps may explain concepts, demonstrate tasks, or both. When a step shows you how to do something, apply the instructions to your site.
  • After completing each step, refer to the additional resources provided to enhance your understanding before implementing the instructions.

Add and Delete Content

It’s likely that your kit may not perfectly meet all your needs. In this unit, you will learn how to delete existing content from your kit and how to add new content to it.

Your Goal

Modify the content of your homepage by adding or deleting elements.

Add content- Template Library

  1. Templates are pre-design assets you can reuse across your site. They’re a great way to speed up the design process.
    Add an entire page or a block, which is part of a page.
  2. To access the Template library, click on the Library icon.
  3. You can choose from two types of templates: Elementor designs and your designs.
  4. Elementor templates are professionally designed and help you create a polished website quickly.
  5. Creating your own templates allows you to reuse your designs, speeding up your work, and helping you maintain consistency.
    You can create new templates by right click on any container, select ‘Save as template’ and name it. 
  1. To add a Block or a Page, choose the desired Block or Page and click insert.
    The template will be added to your page.
  2. After adding a template, you can edit it how you want.


Add content- From scratch

  1. To add content from scratch, you need to follow these steps: build your layout using containers, add widgets that provide the desired functionality, and modify their content and style as needed.
  2. You can create your layout in 2 ways: Use the predefined layouts (plus icon on the canvas) or drag the Container Widget from the panel.
  3. Once your layout is ready, locate the widgets you want to add to the page, drag and drop them to the canvas, and edit them.

    [important_note] For more information on containers, you can refer to the “Layout” step within the “Edit your homepage” unit. [/important_note]

Delete elements

  1. To delete a parent container, hover on the container and delete it through the container handle (top of the container).
  2. Right-click any element icon to open the quick actions menu, then delete the element.
  3. You can also open the Navigator and right-click any element to open the quick actions menu and delete the element.
Summary
In this unit you’ve learned to add and delete content. Creating visually appealing designs can be challenging without a design background. We suggest utilizing the assets in the Template Library, which were created by top web designers. If you prefer to design on your own, you can use them as inspiration.

How helpful was this unit?

Do you have any feedback or suggestions to improve this page?

Do you have any feedback or suggestions to improve this page?

Do you have any feedback or suggestions to improve this page?

Do you have any feedback or suggestions to improve this page?

Do you have any feedback or suggestions to improve this page?

Thanks for your feedback!

Up Next

Master Elementor with Hands-On Lesson!

With our personalized, hands-on training sessions, you’ll get expert guidance tailored specifically to your skill level.