EDIT HOMEPAGE #2

While you are going through and editing the Homepage, the features in both Homepage #1 and Homepage #2 are interchangeable. The more you edit WordPress, hopefully you will start to realize how easy this is.

View Demo Page

06: HOMEPAGE #1
08: About Page

Before you begin

If you are replacing this page, instead of Homepage #1 then simply edit the home page:

WordPress Navigation > Pages > Home

If you are recreating all the example pages, then you need to create a new page.

Create a new page

If you don’t need to create a new page or you remember how simply continue on. Ignore the instructions below.

WordPress Navigation > Pages > Add New

  1. Name Page
  2. Right side menu ‘Page Attributes’ > Template
  3. Select: 100% Width.
  4. Scroll down to ‘Avada Page Options’ > Page Title Bars
  5. Page Title Bar: Hide.
  6. Publish page.

Featured Book Release

  1. Click on: Avada Builder.
  2. Create a 1/3 2/3 Container.
  3. Rename #1 Featured Book.

Before you begin, did you remember that you can create beautiful 3D images, and it’s all for free? Diybookcovers.

Edit 1/3 Column

  1. +Element >Image
  2. Find your image on your computer and upload it.
  3. To your far right, you should see ‘ATTACHMENT DETAILS’ and scroll down until you get to: Size.
  4. Click on the drop-down and select: Full Size
  5. Click on the blue button, ‘Insert into Page’.
  6. Image lightbox: No.
  7. Picture Link URL: URL to amazon (Or a universal link. In fact, any link that you want.)
  8. Link Target: _Blank (If you are linking outside your website, you should click on ‘_Blank’. This option will create a new tab, and so the reader’s don’t leave your website entirely.)
  9. Save This section.

Edit 2/3 Container

Page Title

  1. +Element > HTitle
  2. Scroll down, and edit the text field: THE SHALLOW DUET
  3. Blue Dashboard > Design
  4. Alignment: Left.
  5. HTML Heading Size: H1.
  6. Margin: ↓1px.
  7. Separator: None.
  8. Save this section.

Page Subtitle

  1. +Element > HTitle
  2. Scroll down, and edit the text field: AN AMAZON BESTSELLER
  3. Blue Dashboard >Design
  4. Alignment: Left.
  5. HTML Heading Size: H2.
  6. Margin: ↓0px.
  7. Separator: None.
  8. Save this section.

Add Separator

  1. +Element > -Separator
  2. Style: Single border solid.
  3. Blue dashboard > Design
  4. Margin: ↑5px↓ 10px.
  5. Separator Width: 208px.
  6. Alignment: Left.
  7. Border Size: 2.
  8. Separator Color: #720063.
  9. Save this section.

Add Review

  1. +Element > HTitle
  2. Scroll down, ad edit text field: “Best Beach Read of 2020”– SHE READS
  3. Blue Dashboard > Design
  4. Alignment: Left.
  5. HTML Heading Size: H3.
  6. Separator: None.
  7. Save this section.

Add Book Summary

  1. +Element > Text Block
  2. Scroll down and edit the text field: Add book summary here (If you are recreating the demo, you can find the example summary here)In our foster home and high school, Alex Drake was my protector. He was no knight in shining armor and I was no damsel in distress. I knew his dark secrets and I took advantage. Alex, in return, made it his sole mission to break me in worse ways. Over a decade later, Alex owns a flourishing construction company and I dance on a pole.All it takes is a private bachelor party, and Alex and are thrust back together. Too much vodka, a dead man, and suddenly I’m too blame. Alex Drake is my protector all over again, and I’m still no damsel in distress. Circumstances have forced us back together, dancing our sinful tango but this time he knows my secrets and I’m breaking him in ways I’d never imagined.
  3. Save this section

Update this page

Multiple Buy Buttons

Ignore this section if you have a single buy button.

Create 1/4 1/4 1/4 1/4 Columns

Remember there is a difference between Containers and Columns. What’s the difference?

1st 1/4 Column

  1. +Element > Button
  2. Button URL: Type in the URL.
  3. Button Text: Amazon.
  4. Text Transform: Uppercase.
  5. Button Target: _Blank (If you are linking away from your site, always remember to select ‘_Blank’)
  6. Blue Dashboard > Design
  7. Button Style: Default.
  8. Button Type: Default.
  9. Button Size: Default.
  10. Button Span: Default.
  11. Save this section.

2nd, 3rd and 4th 1/4 Column

Go through and repeat the above step, however, the only difference would be:

  1. Button URL: Type in the URL. (Obviously, it would be different for Amazon, Nook, Kobo or iBooks)
  2. Button Text: Amazon, iBooks, Nook, Kobo etc

When you are done with this section it should look like this:

Update this page.

Single Buy Button

#1 Featured Book section, under the book summary, click on +Element > Button.

  1. Button URL: Type in the URL.
  2. Button Text: Amazon.
  3. Text Transform: Uppercase.
  4. Button Target: _Blank (If you are linking away from your site, always remember to select ‘_Blank’)
  5. Blue Dashboard > Design
  6. Button Style: Default.
  7. Button Type: Default.
  8. Button Size: Default.
  9. Button Span: Default.
  10. Save this section.

Update this page.

Reader Testimonials

Create a new 1/1 Container

  1. Rename this to: Reader Testimonials.
  2. Blue Dashboard > Pen Icon > Design
  3. Margin: ↑35px.
  4. Blue Dashboard > Background
  5. Container Background Color: #1c1376.
  6. Save this section.

Add Title

  1. +Element > HTitle
  2. Scroll down and edit text field: WHAT OTHER’S ARE SAYING
  3. Blue Dashboard > Design
  4. Alignment: Center.
  5. HTML Heading Size: H3.
  6. Font Color: #ffffff.
  7. Separator: None.

Add 1/1 Column

There is a difference between container and column. Make sure that you are creating a 1/1 Column.

  1. +Element > Testimonials
  2. Design: Clean.
  3. Navigation Bullets: Hide.
  4. Testimonials Speed: 4000.
  5. Background Color: #1c1376.
  6. Text Color: #ffffff.
  7. Random Order: No.

Scroll back up to the top and let’s add the testimonials.

  1. Under ‘Add / Edit Items‘ click on ‘+Testimonials‘.
  2. Name: USA Today Bestselling Author.
  3. Avatar: None.
  4. Company: Leave Blank.
  5. Link: Leave Blank.
  6. Testimonial Content: “Amazon book review goes here. Amazon book review goes here.”You can have rotating reviews.
  7.  Save this section.

To add more reviews, simply repeat the above steps. I would suggest adding no more than 3 – 5 reviews. Make sure that you select your best, glowing reviews.

Update this page

Newsletter

Create a new 1/1 container

  1. Rename this to: Newsletter.
  2. Blue Header > Pen Icon > Design

  1. Margin and Padding: 0px (everything)
  2. Blue Dashboard > Background
  3. Container Background Color: #76133c.
  4. Save this section.

Add Title

  1. +Element > HTitle
  2. Scroll down until you get to the edit and type in: Subscribe To Author’s Newsletter.
  3. Blue Dashboard > Design
  4. Alignment: Left.
  5. HTML Heading Size: H2.
  6. Font Color: #ffffff.
  7. Separator: None.
  8. Click on Save.

Edit Column Settings

  1. Pen Icon > Design
  2. Padding: ↑ 25px ↓25px →25px ←25px
  3. Save this section.

Update this section.

Newsletter Code

Covert Plus

If you are using Flodesk as your newsletter then you don’t need to set up CovertPlus.

WordPress Navigation > Covert Plus > Modal Popup

  1. Click on the newsletter that you created and that should open up a new tab in your browser.
  2. Left navigation, you should see 3 icons going down, and select the middle one. It looks like a mechanical gear.

  1. Click on: Manual Display.
  2. Under ‘Display Inline’, highlight and copy and paste what is in that box.

FloDesk

If you are using ConvertPlus then you don’t need to set up Flodesk.

  1. Go to Flodesk, sign in or sign up.
  2. Edit the form, you want to display.
  3. Go through the steps until you get to ‘Publish your form’
  4. Copy ‘Inline code’

Insert Newsletter Code

WordPress Navigation > Pages > Home

  1. Scroll down the page until you get to the Newsletter Container.
  2. Resume editing the ‘Right 1/1 container‘.
  3. +Element > Code
  4. Paste the code from Flodesk or CodeCanyon into this editor.
  5. Save this section.
  6. Update this page.

2nd Featured Book

Create 1/2 1/2 Container

  1. Rename this to: 2nd Featured Book.
  2. Blue Dashboard > Design
  3. Margin: ↑35px.

1st 1/2 Column

  1. +Element > HTitle
  2. Scroll down until, and edit text field: Revenge Never Tasted So Sweet.
  3. Blue Dashboard > Design
  4. Alignment: Left.
  5. HTML Heading Size: H2.
  6. Margin:  ↓ 0px.
  7. Separator: None.
  8. Save this section.

Add Separator

  1. +Element > -Seperator
  2. Style: Single border solid.
  3. Blue dashboard > Design
  4. Margin: ↑5px↓ 10px.
  5. Separator Width: 208px.
  6. Alignment: Left.
  7. Border Size: 2.
  8. Separator Color: #76133c.
  9. Save this section.

Add Book Summary

  1. +Element > Text Block
  2. Scroll down and copy and paste:You can’t turn the hands of time back. No matter how hard you pray to the all mighty. Or wish on a falling star.I hate me, and so does Alex Drake. I’ve used him once before, and I did it again to save my life and my sisters. Vanessa and I try to go back to our normal lives but I can’t push Alex from my thoughts. He haunts my dreams and every waking thought.Just when I think life is getting better, I miss my period, and if that wasn’t bad enough, someone tries to kill both my sister and I.
  3. Save this section.

2nd 1/2 Column

Before you begin, did you remember that you can create beautiful 3D images, and it’s all for free. Diybookcovers.

  1. +Element > Image
  2. Upload your cover image
  3. To your far right, you should see ‘ATTACHMENT DETAILS’ and scroll down until you get to: Size.
  4. Click on the drop-down and select Full Size.
  5. Click on the blue button, ‘Insert into Page’.
  6. Image lightbox: No.
  7. Picture Link URL: URL to amazon (Or a universal link. In fact, any link that you want.)
  8. Link Target: _Blank (If you are linking outside your website, you should click on ‘_Blank’. This option will create a new tab, and so the reader’s don’t leave your website entirely.)
  9. Save This section.

Add Columns

If you only have a single buy button, skip past this section to ‘Single Buy Button’.

Create new 1/4 times (4) columns.

1st 1/4 Column

  1. +Element > Button
  2. Button URL: Type in the URL.
  3. Button Text: Amazon.
  4. Text Transform: Uppercase.
  5. Button Target: _Blank (If you are linking away from your site, always remember to select ‘_Blank’)
  6. Blue Dashboard > Design
  7. Button Style: Default.
  8. Button Type: Default.
  9. Button Size: Default.
  10. Button Span: Default.
  11. Save this section.

2nd, 3rd and 4th 1/4 Column

Go through and repeat the above step, however, the only difference would be:

  1. Button URL: Type in the URL. (Obviously, it would be different for Amazon, Nook, Kobo or iBooks)
  2. Button Text: Amazon, iBooks, Nook, Kobo, etc

When you are done with this section it should look like this:

Single Buy Button

  1. Under the ‘Book Summary+Element > Button.
  2. Button URL: Type in the URL.
  3. Button Text: Amazon.
  4. Text Transform: Uppercase.
  5. Button Target: _Blank (If you are linking away from your site, always remember to select ‘_Blank’)
  6. Blue Dashboard > Design
  7. Button Style: Default.
  8. Button Type: Default.
  9. Button Size: XLarge.
  10. Button Span: Default.
  11. Save this section.

Update this page.

Recent Blog

Create a new 1/1 Container

  1. Rename this container: Recent Blog Post.
  2. Blue Dashboard > Pen Icon > Design
  3. Margin: ↑50px

Add Title

  1. +Element > HTitle
  2. Scroll down, and edit the text field: RECENT BLOG UPDATES.
  3. Blue Dashboard >Design
  4. Alignment: Center.
  5. HTML Heading Size: H2.
  6. Margin: ↓0px.
  7. Separator: None.
  8. Save this section.

Add Separator

  1. +Element > -Separator
  2. Style: Single Border Solid.
  3. Blue Dashboard > Design
  4. Margin: ↑5px ↓10px
  5. Separator Width: 208
  6. Alignment: Center.
  7. Border Size: 2px.
  8. Separator Color: #76133c.
  9. Save this section.

Add Blog

  1. Create a 1/1 Column.
  2. +Element > Blog
  3. Blog Layout: Grid.
  4. Number of Columns: 3.
  5. Column Spacing: 40.
  6. Pull Posts By: Category.
  7. Order By: Date.
  8. Order: Descending.
  9. Show Thumbnail: Yes.
  10. Show Title: No.
  11. Content Alignment: Text Flow.
  12. Content Display: No Text.
  13. Show Meta Info: No.
  14. Save this section.

‘Save’ The Page. It’s always good to practice this action every time you add a section.

All Steps

Step 01: Before We Begin

Step 02: Step Up Avada

Step 03: Theme Custimzation

Step 04: Create Default Pages/ Settings

Step 05: Upload/Install Plugins

Step 06: Homepage #1

Step 07: Homepage #2

Step 08: About Page

Step 09: Book Page

Step 10: Read For Free

Step 10-2: Home #3

Step 11: Blog

Step 12: Contact Page

Step 13: Newsletter

Step 14: Landing Page

Step 15: Almost Done

Step 16: Leave a Review

06: HOMEPAGE #1
08: About Page

Having Trouble? I Can Help!

submit a ticket