Setting up your eCommerce website

Creating a website for your business is a great way to build an online presence. Creating and publishing your eCommerce site is quick and fast with with our easy-to-use store builder – no coding required. We provide you with full access to Elementor Pro, the leading website editing and publishing tool, to helps you make a responsive website with no technical knowledge. In this post, we’re going to cover how to build an eCommerce website step-by-step on Accept using Elementor, going over some of our best features. By the end, you should have everything you need to build an eCommerce website that impresses.

Temporary domain name

When you receive details of your website, it will have been assigned a temporary domain name. This lets you view and work on your sites without revistering a new domain name or changing your existing domain name's DNS settings. In other words, if you have an existing website it lets you keep it live while you work on a new one. When you're ready to assign a permanent domain name to your site just let us know and we'll help get it set up.

If you don't have a domain name, one is included with any Accept Pay payments plan.

Starting a site and logging in

From accept.io/website-builder, select Get Started. You’ll be asked a few questions including the type and name of your business.

If you've already started your site you can acess it by going to your Accept.io product page. Log in using the Sysadmin account provided to you in your Welcome email, and scroll down to My Sites.Click the website you’ve started and you'll be presented with options to manage your website, along with a dashboard describing website performance, security, and key analytics.

Accessing the Website Builder

Our Website Builder platform is built on WordPress and WooCommerce technology, giving you the freedom to sell anything, anywhere online – from physical products to digital downloads, services and subscriptions. You can build sites from small business websites to personal portfolios, featuring a wide array of content through a fully customizable solution.

To access your core website click on the WordPress administrator (WP Admin) icon from the Accept control panel as highlighted in the blue box below.

Using the Website Builder

Elementor provides full drag-and-drop design flexibility with a live, visual builder – no CSS or HTML knowledge needed. When you’re creating a design, you’ll see your design exactly as your visitors will, which makes it easy to quickly adjust your design as needed.

Elementor offers countless design options and dozens of pre-built content widgets for everything from buttons to forms, sliders, pricing tables, and more.

In addition to designing individual posts and pages, you can also use Elementor to design your entire WordPress theme – including your header, footer, and everything in between.

As you keep reading this post, you’ll learn more about the many features that Elementor offers.

Accessing Elementor

With Elementor Pro, included free with each of our card payment plans, you can create beautiful and functional designs without needing to use code or CSS, and without relying on developers for help. The designs that you create are responsive by default, which means they’ll automatically look great on desktop, tablet, and mobile.

The user interface is intuitive and beginner-friendly, so you can be up and running in minutes. You can insert one of the hundreds of professionally designed templates to save time and then easily customize it using simple controls.

To begin, click Pagesfrom the admin panel on the left hand menu in your dashboard. Your website has been pre-populated with our default ecommerce theme. Select the Home page from the dashboard and click the Edit with Elementor button to launch the Elementor editor.

You should now see a live preview of your design on the right along with the Elementor sidebar on the left.

Now, you’re ready to start editing. First, you’ll want to understand the basic structure of Elementor. An Elementor design is made up of three main parts:

  • Sections – these divide the page into horizontal rows.
  • Columns – these go inside sections and let you divide the section into vertical columns.
  • Widgets – these are what you use to actually add content. You can place your widgets inside a column (and then the column is inside the section). To add a new widget to your template, just drag it over from the sidebar. If you want to delete an existing widget, just right-click on it and select Delete.

To change the settings and design of a widget, column, or section, all you need to do is select it to open its settings in the sidebar.

For a more detailed look at what we’ve covered here, you can check out the complete guide on how to create a WordPress site with Elementor or watch the video below.

Elementor Pro Course

If you'd like to master Elementor, the Elementor Pro course will teach you how to design, build, and publish an eCommerce website using Elementor Pro from end to end.