Weebly is an advanced, intuitive online site building tool. Whether you have an existing Weebly site or are interested in making one, this article will show you how to integrate your PinnacleCart products with Weebly.

Applies to Version(s): 3.9.x  Series

In this article: you will learn:

Setting Up a Weebly Site

Adding an Add to Cart Widget to Your Weebly Site

Setting Up a Weebly Site

If you don't already have a Weebly site, it's very easy to set one up. You can start with a free 14-day trial and eventually choose from different annual or semi-annual plans.

Step 1

To begin a trial, go to https://www.weebly.com/ and click Sign Up and the top right.

sign-up weebly

Type your Full Name, Email Address and Password. Then, click Sign Up.

Step 2

Next, you will be presented with the option of starting a Trial or a Paid Plan. Make your choice, and you will arrive at a spot where you can select a theme. Make your selection and you will then arrive at the design/administrator screen.

The first thing you'll be asked before beginning your design is to choose your website domain. You can either create a Weebly subdomain, register a domain with Weebly, or use a domain name you already own.

website domain

Step 3

After you've decided on a domain, click Continue.

Weebly is a drag-and-drop type of site builder, similar to PinnacleCart's Cart Designer. You drag the element from the left toolbox column into the desired location on the template. To add an 'Add to Cart' widget, you'll end up using the Embed Code element. We'll explain how to do this in the next section.

Adding an 'Add to Cart' Widget to Your Weebly Site

Before you can add your products into Weebly, you'll need to enable Widgets in your PinnacleCart Apps. For a detailed explanation on how to do this, see Creating Product Widgets.

Step 1

Click Apps > go to App Center > click on Widgets > Enable Widgets.

widgets app

Step 2

Now, you will need to edit a product, so you can create a Widget from it. Go to Products & Categories > Browse Products and select the product you want to add to your Weebly store > click Widgets on the top right > make your option selections and click Generate.

widget preview

Highlight all of the HTML code in the Widget Preview dialog box and copy it (ctrl + C on PC).

Step 3

Now return to Weebly. Drag the Embed Code Weebly widget from the left side into an area where you'd like your product to show up.

In the middle of the dropped widget, you should see a small box with 8 dots in it. Click this to bring the HTML dialog. Click Edit Custom HTML.

edit custom HTML

Step 4

In the text area, delete out the text and paste in the product Widget HTML you got from your product. Click out of the box to see the HTML take effect. You should now see your product. To make this go live, click Publish at the top left.


Links to Related Articles

None at this time.

If you didn't get your question answered, please contact the Pinnacle Cart Support Team. To submit a ticket, go to the My Account drop-down menu at the top right of the admin area and select Support.