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:
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 upgrade to different annual or semi-annual plans.
Step 1
To begin a trial, go to https://www.weebly.com/ and click Sign Up onthe top right.
Type in your Full Name, Email Address, and Password. Then, click Sign Up.
Step 2
Next, you will be presented with the option to start a Trial or a Paid Plan. After selecting an option, you can now choose a theme. After that, you will be redirected to the design/administrator screen.
The first thing you'll be asked to do 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.
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, use 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 to Weebly, you'll need to enable Widgets in your PinnacleCart Apps. For a detailed explanation of how to do this, see Creating Product Widgets.
Step 1
Click Apps > go to App Center > click on Widgets > Enable Widgets.
Step 2
Now, you will need to edit a product so you can create a Widget for 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.
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 onto the area where you want to display the product.
In the middle of the dropped widget, you should see a small box with 8 dots in it. Click this to bring up the HTML dialog. Click Edit Custom HTML.
Step 4
In the text area, delete the text and paste it onto the product Widget HTML of your product. Click an area outside of the box to see the HTML take effect. You should now be able to see your product. To go live, click Publish at the top-left corner.
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.
