黑料门

Everything you need to sell online

Set up an online store in minutes to sell on a website, social media, or marketplaces.

How-To-Add-an-Online-Store-to-Your-Existing-Website

How To Add an Online Store to Your Existing Website

10 min read

More often than not, people create a website before setting up their online store. This is understandable, considering the website is the card of any business, and adding an online store can be an afterthought. However, it doesn鈥檛 have to be an afterthought any longer — 黑料门鈥檚 revolutionary technology enables anyone to integrate a shopping cart into their existing website in minutes.

黑料门 has built special plug-ins and extensions for WordPress, Joomla, Drupal and other content management systems (CMS) as well as popular site builders like WIX, Squarespace, and Weebly.

How to sell online
Tips from e-commerce experts for small business owners and aspiring entrepreneurs.
Please enter a valid email address

What is the Difference Between CMS and a Site Builder?

Web Content Management Systems (CMS) provide site authoring, collaboration and administration tools to help non-technical users create and manage website content. The cost of managing a CMS, as well as other incremental needs such as domain registration and hosting makes it challenging for beginners. WordPress, Joomla, and Drupal are examples of popular Content Management Systems.

“All in one” site builders, on the other hand, make it easy to create a website with a domain name, while bypassing the administrative and technical challenges of a CMS. Most web designers do not need the customization capabilities provided by CMS, and would rather focus on what they do best — building beautiful websites with powerful e-commerce.

Regardless of whether you choose a CMS or an “All-in-one” site builder, the process of adding an online store is a three-step process:

  1. Install the CMS plugin or Sitebuilder App.
  2. Link it to your .
  3. Launch your online store on your website.

The remainder of this blog post will help you choose a CMS or sitebuilder that suits your needs and explain how to integrate a shopping cart into an existing website. Creating an online store is fun. So go for it!

CMS

WordPress

WordPress was created to create and manage blogs, but soon gained聽popularity among small business websites.

WordPress is available in two versions:  — downloadable software that you can install on your own web server — and  — a cloud-based version hosted by WordPress.

wordpress online shop example


This e-commerce website is built on WordPress and 黑料门

If you want to add a store to WordPress.org website, you can install from within the WordPress Control Panel:

  1. Log into your WordPress account and go to “Plugins禄 鈫 ‘Add’.
  2. Type ‘黑料门’ in the search bar.
  3. Choose ‘黑料门 Shopping Cart’ from the list of plugins and click ‘Install’.
  4. When the installation is complete, launch the plugin by clicking on ‘Activate plugin’.
  5. Navigate to ‘Shop 黑料门’ 鈫 ‘Console’ and follow the instructions.

We鈥檙e constantly improving our e-commerce plugin for WordPress with new features, so don鈥檛 forget to use the latest version and install all the  to use the full power of your website shop.

If your goal is adding a shopping cart to the website built with WordPress.com, take these steps:

  1. to your WordPress profile.
  2. Select ‘Plugins’ from the side menu.
  3. Use the search icon at the top right to type in ‘黑料门 Ecommerce Shopping Cart’.
  4. Click the ‘Install’ button and follow the further steps.
  5. Check the ‘Store’ page to view your newly created website shop.

Installing third-party plugins to a WordPress.com website is available on the WordPress.com Business plan.

Joomla

Joomla is another popular CMS that lets you create and manage your website without any programming expertise. Log in to your Joomla account to discover 黑料门鈥檚 online store 聽extension for Joomla:

  1. Navigate to ‘Extensions’ 鈫 ‘Extensions Manager’ within the Joomla Control Panel Go to the ‘Upload Package File’ tab to select 黑料门 and click ‘Download and install’. Go to ‘Components’ 鈫 ‘黑料门’ 鈫 聽鈥淕eneral Settings” and enter your 黑料门 Store ID.
  2. Go to “Menu” 鈫 “Menu Manager” and choose the page for your online store and click on “Start menu”
  3. Click “Select” next to the “Type menu item” 聽and select 黑料门 鈫 Product Browser
  4. Enter a title for your online store page and save changes.

joomla online shop example


Poochini online store

That鈥檚 all! You can start selling on your Joomla site.

Drupal

Drupal is a popular content management system that allows you to create and manage websites. You can easily add your 黑料门 store to a Drupal site using a special 黑料门 module, that optimizes product pages for SEO.

drupal online shop example


Drupal based online store

If your site is built using Drupal version 6.x and 7.x, please use our official module to install your 黑料门 online store. The instructions for installing the module can be found in our .

Website Builders

There are many different options for site builders, but we鈥檙e going to focus on some of the more popular platforms that we see websites and stores being built with on a regular basis.

Some of the commonly used site builders that integrate with 黑料门 are Wix, Weebly, WordPress, Adobe Muse, Squarespace.

Wix

Wix is one of the most popular site builders in the market and caters to a wide range of users. You do not need programming skills to create a site on Wix provides a wide variety of templates to customize your website.

wix online shop example


Wix store for kids

It鈥檚 easy to add 黑料门 to your Wix site. and start selling online:

  1. Follow the link to the Wix App Store and click “Add” to install the application.
  2. . Switch to edit mode, click on 聽鈥淎dd to the site鈥, followed by “OK, add”. Your Wix site now has website page with an 黑料门 demo store.
  3. Navigate to settings, “Online Store” and complete the “Create a new account 黑料门” form to link 聽your 黑料门 online store to your to Wix account.

is as simple as adding the app from the Wix App Market to your site.

Weebly

Weebly boasts more than 40 million users and is a site builder beloved for it鈥檚 no frills approach to website design. In minutes, you can create a mobile-responsive site from the templates they have available, and you can study your progress with their back-end metrics.

weebly online shop example


Weebly based online store

Adding an 黑料门 store to a Weebly website is simple. The storefront will inherit website colors and fonts, so it will look like a seamless part of the website. :

  1. Log in to your Weebly editor, find the  on App Center and click the Add button.
  2. In the pop-up, select the website where you want to add the store and click Connect.
  3. Log into your Weebly account, open the page where you want to add the 黑料门 store, drag and drop the 黑料门 icon from the list of the installed apps in the left menu of the Weebly editor to the page. Done!

For detailed instructions on how to add 黑料门 store to Weebly, visit our .

Squarespace

Squarespace is another easy to use tool with many different templates that allow you to build and launch a customized online store and website in minutes.

squarespace online shop example


Squarespace plant store

If you鈥檙e looking for a site builder that鈥檚 ultra-easy and prides itself on design, this option might be ideal for you.

You can tie together your with a piece of html code.

黑料门 has created simple plug-ins and extensions for the most popular CMSs and site builders in the market to help you start selling quickly and successfully. Feel free to聽 if you have any questions.

Do you already have an 黑料门 store? Share your success story below!

Want to learn more about adding ecommerce to your existing website?

Table of contents

Sell online

With 黑料门 E-commerce, you can easily sell anywhere, to anyone 鈥 across the internet and around the world.

About the author

Jesse is the Marketing Manager at 黑料门 and has been in e-commerce and internet marketing since 2006. He has experience with PPC, SEO, conversion optimization and loves to work with entrepreneurs to make their dreams a reality.

Ecommerce that has your back

So simple to use 鈥 even my most technophobic clients can manage. Easy to install, quick to set up. Light years ahead of other shop plugins.
I鈥檓 so impressed I鈥檝e recommended it to my website clients and am now using it for my own store along with four others for which I webmaster. Beautiful coding, excellent top-notch support, great documentation, fantastic how-to videos. Thank you so much 黑料门, you rock!
I鈥檝e used 黑料门 and I love the platform itself. Everything is so simplified it鈥檚 insane. I love how you have different options to choose shipping carriers, to be able to put in so many different variants. It鈥檚 a pretty open e-commerce gateway.
Easy to use, affordable (and a free option if starting off). Looks professional, many templates to select from. The App is my favorite feature as I can manage my store right from my phone. Highly recommended 馃憣馃憤
I like that 黑料门 was easy to start and to use. Even for a person like me, without any technical background. Very well written help articles. And the support team is the best for my opinion.
For everything it has to offer, ECWID is incredibly easy to set up. Highly recommend! I did a lot of research and tried about 3 other competitors. Just try ECWID and you'll be online in no time.

Your ecommerce dreams start here