What Would You Like To Do?
  1. Create a New Series Section
  2. Create a New Series Page

Before We Begin

  1. Admin Dashboard, on the left navigation you will see Pages and click on that option.
  2. Find the page called Books and select the page. Depending on the project, your books may have been split into series pages or all listed on a single Book page.
  3. If your blue bars are collapsed, find the section Books or the name of the series. Depending on the project your books may be split into different sections. Therefore, you may need to find the particular series section. The series sections will be named after one of your book series.

View the image below, and your Book page may look similar. Depending on your project and the books and series, you may have more or less series sections.

Each blue bar is a different section:

  1. Page Title
  2. Shameless Hearts
  3. Mafia Romances
  4. Wicked Ever After

Obviously the last 3 sections are the different book series, and at the moment, in the image above they are collapsed sections. That’s okay. You can easily extend them and collapse them back. If yours are extended you will know instantly because you won’t see only blue bars.

For this section keep all your sections closed by simply clicking on the ⮝ arrow to close it. Try it out for yourself.

Create a new series section

You can use any existing blue bar and click on this icon. It doesn’t which blue bar you choose to duplicate because we are going to rename, change and reposition the section.

You will notice that your duplicated section appears immediately below the original section.

Change the name of the duplicated section, so you don’t mix it up with the original.

  1. Hover over the title of the duplicated section and click on it.
  2. Once you do that, you will be able to edit the title.

Now, once you are done editing the title, click on the ⮟ arrow to expand that section.

Within this new section you will see the book covers from the original series.

  1. How many books do you have?
  2. Do you need all those book columns?
  3. Do you need more columns?

Figure that out, before you move forward.

Update The New Section

What would you like to do next?

  1. Delete a book column.
  2. Edit a book cover.
  3. Edit button URL’s.
  4. Rearrange book covers.
  5. Add a book cover.
  6. View Website Changes/Updates.
Delete a Book Element

When your section is expanded, you should see columns and within them, image elements. View the image below. Depending on your project, you may have have buttons underneath the image element.

For our web design, 3 columns per row = 3 books per row. You may have many more rows of books and that’s okay.

As you can see on the above image, there are 3 columns and within those columns are image elements. Like I stated above, you may even have buttons within your columns. To remove an entire column you would delete everything within that column: images and buttons etc

Choose a column you want to delete and click on the  icon.

If all you had within that section was 3 books, than where that column once was, it would be empty. You would only see 2 columns. Let’s say you had more rows of books, a bottom column would simply take the place of the one you deleted.

Don’t forget to Update the page.

Scroll Back Up
Edit a Book Cover

Although all the book covers are duplicated, you can change the covers easily. Hover over the cover that you want to edit, and a set of options will appear.

Click on the  icon.

  1. Click on Remove and then Upload.
  2. When the new box loads, click on Upload Files and then Select Files.
  3. Locate the new book cover on your computer and upload it to your website.
  4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
  5. Click on Insert Into Page.

Don’t forget, if your book cover links to Amazon or a Universal book page make sure that you edit the the image URL as well.

  1. Scroll down until you get to Image Link URL, to your right delete the old URL in the field and paste in the new URL.

I will advise that you make all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

Scroll Back Up
Edit Button URL’s

Underneath your Book Cover, hover over the buy button(s) that you wish to edit, and a set of options will appear.

Click on the the  icon.

  1. Button URL: Delete the old URL and update it with the new one.
  2. Button Text: You can change the title of the button. For example instead of Amazon, you can change it to Amazon US, Amazon CA, Amazon UK etc 
  3. Click on Save.

Don’t forget to Update the page.

Scroll Back Up
Rearrange Book Covers

You can drag the columns and reposition the columns to your liking. Make sure that you are not dragging the image element, drag the column that the image element sits within.

View the image below, all that pale red within the column is where you can click and drag.

Don’t forget to Update the page and save your changes.

Scroll Back Up
Add a new book cover

Scroll to the last book cover in that section and on the column select this icon.

That will create a duplicate of the column. Now you can hover over the newly created image element and click on the icon to change/update the cover.

  1. Click on Remove and then Upload.
  2. When the new box loads, click on Upload Files and then Select Files.
  3. Locate the new book cover on your computer and upload it to your website.
  4. To the right, under Attachment Details scroll down to Size and make sure that the option is set to Full Size.
  5. Click on Insert Into Page.

I will advise that you make sure all the cover images are the same size. If not, you will notice the covers won’t line up properly and they will be uneven.

Note: If you have buy buttons as well, you will need to change the buy button(s) URL for the new book. To edit buy buttons click here.

Always make sure that you click on Save when you are done.

Don’t forget to Update the page.

Scroll Back Up
View Website Changes/Updates

To view your website changes, click on View Page. You will see this option only once you have updated/saved the page. Before you click on that link, right click on the link and then select Open Link In a New Tab. Therefore you don’t have to completely leave this page.

Now, whenever you make changes to the same page, all you have to do is Update the page. Select the newly opened tab and reload the page and it will show you the new changes.