Ecwid for Weebly

You can easily add your Ecwid online store to a Weebly website. Add the entire store, category pages or “Buy now” buttons to let customers place orders without leaving the website. The storefront will inherit website colors and fonts, so it will look like a seamless part of the website.

Adding Ecwid catalog

You can add your Ecwid store to a Weebly website with the help of the app or the code. In any case, the store will work fine. The only difference is that the app is available on Weebly paid plans. Your Ecwid account can be on any plan. If you use the Weebly Free plan, you can add the Ecwid store with the embed code.

To add the Ecwid store to a Weebly website:

To use the app, you should have a paid Weebly account. If you use Weebly on the Free plan, add the store with a code.
  1. Log in to your Weebly editor.
  2. Open the Ecwid App at this link https://www.weebly.com/app-center/ecwid-online-store or go to Apps → and search for Ecwid.
  3. Click Add button.
  4. In the appeared pop-up, select a website where you want to add the store and click Connect.
  5. In the other pop-up that will appear, double check that you have selected the right website and click Connect.
  6. On the next page, log into your existing account or create a new account.
  7. Open the page where you want to add the Ecwid store.
  8. Drag and drop the Ecwid icon from the list of the installed apps in the left menu of the Weebly editor to the page.
  9. Publish the changes.

Your Ecwid store will appear on the page and customers will be able to place orders there.

Adding search and shopping cart

When your store products are on the website, customers can already place orders there. You can help customers browse the store and find products faster if you add other store elements like a search box and a shopping bag to the website.

To add search and a shopping bag to a Weebly website:

  1. Log in to your Weebly editor and open the page with the store.
  2. In the menu on the left, in the "Installed apps" section, find Ecwid Product Search and Ecwid Shopping Cart blocks:

    Weebly_ecwid_blocks.png
  3. Choose the place where you want to add the search and the shopping cart and drag&drop the Ecwid blocks to the page.
  4. Click on the inserted shopping cart block to set the shopping cart border, layout, icon and position:

    Weebly_shopping_cart_appearance.png
  5. Save and publish the changes.

Setting default store category

If you get new products or there are some products on sale that you want to show to customers, you can show a category with all these products on the home page. To do that, you will need to set that category as the store default category that will show to customers when they open your store.

To add a category of products to a Weebly website:

  1. Log in to your Weebly editor.
  2. Open the page where you added the store or add the store following the instruction above if you haven't done so.
  3. Click on the store block and specify the Default category ID:

    Weebly_default_category.png

  4. Publish the changes.

Featuring one product on a page

Let’s say you have a separate page on your website devoted to a certain product in your store. And you want customers to buy that product without leaving the page so that they could buy it just while they are reading the article. That is absolutely possible with the Ecwid “Buy now” button feature.

To show a product on a page, paste the “Buy now” code to the page via the Weebly Embed code element. See the instructions on how to use "Buy Now" button tab.

Related articles

Store design and layout (video)
Category displayed to first-time visitors
Ecwid for custom website

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support