How to Add SimpleBooklet Slider into PinnacleCart

SimpleBooklet is an easy to use slider tool that will give you the full function of a custom slider. If you're not looking to spend a lot on a website this is the option for you. You can easily upload new images and sales banners with no hassle. 

Applies to Version(s): 3.8.0 - Current

Complexity Level: Medium

Estimated Time for Completion: 20 minutes

What is SimpleBooklet?

Note: This is unlike the sliders we build here at PinnacleCart, this is a program that will help and assist you in building a slider, and providing the code for the slider to input on to the site

Simplebooklet is an app in Hootsuite that allows you to make web booklets from scratch or convert your existing PDF marketing collateral. Easily share your booklets to your social networks, track the number of views, monitor engagement via analytic's and more! It's not a true slider in the sense but is a very workable replacement for what you're looking for in a small business without breaking the books.

How do I get SimpleBooklet?

Note: If you have Facebook, Twitter, or a Google account you can sign in using these. 

SimpleBooklet is very easy to get and signup for, using any of the social media accounts listed above will get you logged in without signing up through the form process. 

How do I create my Slider?

Note: You have 3 options to choose from which make everything super easy to follow through with.

Once you're logged in, you will have 3 options to start with:

Convert your PDF: You can use any instructional PDFs or Documents that you give to customers and format that into SimpleBooklet.

Blank Booklet: You can start with a clean sheet and build and add any which way you would like

Template: You can choose from one of the multiple templates they provide. 

I'm going to briefly walk you through how to setup a basic booklet, using Blank Booklet

When you select Blank Booklet you will have many different options to choose from, depending on where you're adding this on your page. You can create side widgets, or you can create a large scale slider for your home page. I'm going to select Half Page Slider for this example. 

Next you will give your Booklet a Name, Provide Author Name, and a brief description to help you later if you need to come back. 

 

After that, you will provide some more basic information. Some of the information for this will be important, such as Site URL, Customer Support Number/Email.

Lastly you will be asked to name the URL for easy access to view at any time

Now you're setup and ready to start designing your slider. From playing with this for a few hours it doesn't look like there are too many limitations to what can and can't be done.  So try and push the limits here and see what you can do!

What I did for mine was Created a header page:

Next I clicked Right to create a new Page (Left to go back a page), and this time I chose side by side comparison:

After you have finished designing your Booklet, you will want to make sure you Save:

When you Save, it will then ask if you're ready to Publish:

Now that we've published you will want to select Embed on Websites and Blogs>Embeded Code iFrame:

Now Just copy the code and you will be ready for the next step.

How do I add SimpleBooklet to my home page?

Note: Once you have this installed, and the sizing looks off, just look in the code and you will want to adjust either Height or Width to get this to fit properly. The code won't automatically adjust in the cart. 

Copy the Code from this box:

Now Navigate to Cart Designer>Right Click Home Page Image>Select WYSIWYG Editor>Select Source Code>Paste Code 

Once you get your code into place (Place at the top of current code with "<div></div>" tags (opening and closing). Then click save.

Once this in there it should look something like mine, you will have to re-size, and you can Right Click and Inspect Element out of cart designer on the front end to get the size of the image to match the Width:

 

How do I change my slider?

Note: You will need to edit the Booklet within SimpleBooklet.com and not actually in PinnacleCart

You can go back to SimpleBooklet.com and edit your Booklet within "My Booklets", Click Edit on the Booklet you wish to Edit and then make your changes from there. After you make your changes you will have Copy the new code back into Cart Designer in the area as the previous code. Make sure you're create a backup before doing so, and make sure previous code has been removed. 

If you need assistance with implementing this, contact your account rep at 602.734.0244 option 1.

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

Was this article helpful?
0 out of 0 found this helpful