Website Training

Canva Template

I've created a custom vlog post template for you in Canva. The link below will add this template into your very own Canva account where you can customize and edit to your heart's content.
To edit the template:
  • Scroll down to the image titled "Page 4". This will be the 4th canvas / image in Canva.
    • Note: This will be the next image you use.
  • Click the "Duplicate page" button on Page 4.
    • Use the "Move up" arrow to push this canvas/page/image all the way up to the top.
  • Left-click into the title text in the image (the largest text) and rename.
    • Note: Feel free to adjust the size of the font, if needed.
To download the template:
  • When you've finished editing, click the "Download" button at the top-right of the screen.
    • Note: A drop down box will appear.
    • The notes below are in order of items seen in this drop down menu. If a section isn't listed below, no changes are needed to that area.
  • File Type: Make sure "PNG" is selected.
  • Select Pages: Click on the arrow on the right side of the drop down menu for Select Pages.
    • The drop down will unfurl.
    • On the right side of the Select Pages menu, you'll find checkboxes.
    • Click in the second check box choose "Page 1".
    • Click the "Done" button at the bottom of the unfurled menu.
  • Then click the "Download" button when finished.

Add Vlog Post

Your Badass Bookshelf series is shear greatness! When you're ready to add another Facebook Live! book review as a vlog post, follow the instructions below.

Be sure to reference the Helpful Resources section.
Items needed:
Create the vlog post:
  • Login to the Wordpress dashboard.
  • Navigate to "Posts"
    • Note: There are 2 ways to create a new post
      • Hover over "+ New" and choose "Post"
      • In the menu on the left side of the WordPress dashboard, hover over "Posts" and choose "New"
  • Give your vlog post a name by left clicking and typing it in where it says "Title"
  • Add a "Custom HTML" block by clicking on the "+" sign to the right or at the top of the page.
    • Paste the video code into this box by hitting CTRL-V / CMD-V or Right-clicking and choosing "Paste".
  • Below the video, add in any information you'd like - this will be the text/copy for the vlog post.
    • Note: Using the copy from the original Facebook post here is perfectly fine
  • On the right-side of the page, left-click on the tab labeled "Post". 
    • The notes below are in order of items seen in this drop down menu. If a section isn't listed below, no changes are needed to that area.
    • Publish: Left-click the link labeled "Immediately" and revise the date to the day/time of the Facebook Live post.
    • Author: Make sure it says "Angel Johnstone". If you need to change it, left-click on the drop down and choose your name.
    • Categories: Left-click on this section if this menu item isn't open. Click on the checkbox next to "Video"
    • Featured Image: Left-click on this section if this menu item isn't open. Click on the placeholder to open the "Media" pop-up where you can upload and select your image for this post.
Create the vlog post (cont'd):
    • Excerpt: Left-click on this section if this menu item isn't open. Left-click into the text-area and type info that gives a high-level overview of what this video is about. You can also paste the text from the Facebook post here too.
  • Hit the "Publish" button at the top right side of the page.
Getting to video code:
  • Open your Facebook page where your Facebook Live post lives.
    • Click on the "Video" tab to show all of your video posts.
  • Copy the link to the Facebook Live post.
    • Note: You can do this 2 ways:
    • Hover over the title for the video
      • Right-click and choose "Copy link address"
    • Or you can left-click on the video
      • Once the page loads with the video full-screen and showing comments, left-click into the address bar at the top of your browser
      • Hit CTRL-C or CMD-C on your keyboard to copy the link.
  • Then open up the Code Configurator for Facebook
    • In the "URL of video" field, delete the link that's already there. It's just there as an example.
    • Hit CTRL-V or CMD-V on your keyboard to paste the link of your video in this field.
    • Hit TAB on your keyboard or left-click out of this field to see your video populate.
  • Once you see your video, click on the "Get Code" button below the video on the left-hand side.
    • Note: This will open a pop-up window. Make sure your browser allows this pop-up to open. Check your browser settings if you don't see this.
  • In the pop-up window, click on the "IFrame" tab.
  • Left-click in the box at the bottom with the code.
    • Hit CTRL-C / CMD-C or Right-click and "Copy" to copy this code.

Add Podcast Episode

As you have more guest appearances on podcasts and YouTube shows, add those bad boys to your website to inject a boost of SEO and search engine authority. 

Be sure to check out the Helpful Resources section.
Items needed:
  • A podcast / show image
  • Link to the podcast / show.
  • The show info (name / short blurb of what it's about)
  • Wordpress Admin
Create the podcast post:
  • Login to the Wordpress dashboard.
  • Navigate to "Posts"
    • Note: There are 2 ways to create a new post
      • Hover over "+ New" and choose "Post"
      • In the menu on the left side of the WordPress dashboard, hover over "Posts" and choose "New"
  • Give your post a name (typically the show name) by left clicking and typing it in where it says "Title"
  • On the right-side of the page, left-click on the tab labeled "Post". 
    • The notes below are in order of items seen in this drop down menu. If a section isn't listed, no changes are needed to that area.
      • Publish: Left-click the link labeled "Immediately" and revise the date to the day/time of the Facebook Live post.
Create the podcast post (cont'd):
      • Author: Make sure it says "Angel Johnstone". If you need to change it, left-click on the drop down and choose your name.
      • Page Links To: Left-click on this section if this menu item isn't open. Click the "A Custom URL" radio button under "Point this content to". Make sure to check the box next to "Open in new tab".
      • Categories: Left-click on this section if this menu item isn't open. Click on the checkbox next to "Podcast"
      • Featured Image: Left-click on this section if this menu item isn't open. Click on the placeholder to open the "Media" pop-up where you can upload and select your image for this post.
      • Excerpt: Left-click on this section if this menu item isn't open. Left-click into the text-area and type info that gives a high-level overview of what this podcast is about. 
  • Hit the "Publish" button at the top right side of the page.

Add/Edit Testimonial

You're pretty epic stuff... and you'll have loads of happy clients ready to share a glowing testimonial for you. Here's how to add or edit them!

Be sure to check out the Helpful Resources section.
Items needed:
  • A testimonial
  • Name of the person giving said testimonial
  • Image of the person
  • Title / description of the person
  • 1 to 2 links to either/or social media accounts or their website
  • Wordpress Admin
Create the podcast post:
  • Login to the Wordpress dashboard.
  • Navigate to "Posts"
    • Note: There are 2 ways to create a new post
      • Hover over "+ New" and choose "Post"
      • In the menu on the left side of the WordPress dashboard, hover over "Posts" and choose "New"
  • Give your post a name (typically the name of the person who gave the testimonial) by left clicking and typing it in where it says "Title"
  • If this individual included their title (example: Health Coach), left-click into the white space below the title and add that here.
Create the podcast post (cont'd):
  • On the right-side of the page, left-click on the tab labeled "Post". 
    • The notes below are in order of items seen in this drop down menu. If a section isn't listed, no changes are needed to that area.
      • Author: Make sure it says "Angel Johnstone". If you need to change it, left-click on the drop down and choose your name.
      • Categories: Left-click on this section if this menu item isn't open. Click on the checkbox next to "Testimonial"
      • Featured Image: Left-click on this section if this menu item isn't open. Click on the placeholder to open the "Media" pop-up where you can upload and select your image for this post.
      • Excerpt: Left-click on this section if this menu item isn't open. Left-click into the text-area and type info that gives a high-level overview of what this podcast is about. 
  • Back in the main section of the testimonial post (left-hand side of the page), scroll down below the post. You'll see a list of "Custom Fields". Keep scrolling to the bottom of this section until you come across "testimonial_URL_1and "testimonial_URL_2". In the fields to the right of these custom fields, enter their URLs they'd like referenced.
  • Hit the "Publish" or "Update" button at the top right side of the page.

Opt-in Delivery

How the heck does all of this connect? Well I've got you covered in this 3-part video series where I show you: 

∞ The overview of what folks will see & how it all works together
∞ Mailchimp: Editing the landing page + emails
∞ WordPress: Editing the footer buttons

Mailchimp: optin landing page + email

Items needed:
  • A landing page created in Mailchimp
  • A PDF opt-in link
Edit the landing page in Mailchimp:
  • Login to Mailchinp.
  • Navigate to "Campaigns"
    • Note: This is where you can create a new landing page by clicking the "Create Campaign" button at the top and choosing "Landing Page"
  • In the drop down menu next to the "Ladies First Free Chapter", choose "Edit".
    • Here you can edit the page title, URL, or content/design by choosing the corresponding button.
Edit the form on the landing page in Mailchimp:
  • Navigate to "Campaigns" as shown above.
    • Note: This is where you can create a new landing page by clicking the "Create Campaign" button at the top and choosing "Landing Page"
  • In the drop down menu next to the "Ladies First Free Chapter", choose "Edit".
  • Once the landing page has loaded, left-click on the form.
  • In the panel on the right, you'll be able to edit the fields as well as the style.
Edit the optin pages + optin emails in Mailchimp:
  • Navigate to "Audiences" in the menu on the left.
  • Ensure you have the appropriate audience chosen in the drop down beneath "Current Audience". (For example: "Ladies First Readers")
  • Navigate to "Signup Forms" in the Audience menu panel on the left.
  • Scroll down to the "Form Builder" section and click the "Select" button on the right.
  • Scroll down and click on the drop down beneath "Forms and response emails". You can edit the following here:
    • "Signup thank you page" - This is what's displayed after your visitor successfully completes the signup form. This text, both the headline and body copy, can be edited.
    • "Opt-in confirmation email" - This is the initial email visitors will receive. It asks them to click on the link to confirm their subscription. The email subject line, email title, and email body copy can be edited. Adding pictures is fine as long as the ratio is 30% images, 70% text. This ratio helps improve your email deliverability - out of the promotions / spam folder.
    • "reCAPTCHA confirmation" - This is where the email link will take subscribers for them to prove they're human. This text, both the headline and body copy, can be edited.
    • "Confirmation thank you page" - This is the page subscribers are redirected after clicking the reCAPTCHA box. This text, both the headline and body copy, can be edited.
    • "Final welcome email" - This is the email that will deliver your freebie. The email subject line, email title, and email body copy can be edited. Adding pictures is fine as long as the ratio is 30% images, 70% text. This ratio helps improve your email deliverability - out of the promotions / spam folder.

WordPress: edit buttons to landing pages

Items needed:
  • Wordpress Admin
  • A landing page link
Edit the footer in Wordpress:
  • Login to your WordPress Dashboard.
  • Navigate to "Oxygen > Templates".
  • Scroll down to "Main (Header + Footer)" and click "Edit with Oxygen".
  • When the Oxygen Builder loads, scroll down to the bottom where the footer is.
    • Note: You can choose a shorter page by clicking on the drop down menu on the left and choose one of your testimonials.
  • Click the "Structure" button in the top right corner. This opens up the layers of your website.
  • Open up the following layers by clicking the "+" button on the left:
    • "Footer Big with CTA"
    • "Columns"
    • "Footer LH Column"
Add one additional freebie button:
  • Open up the layer "Wrapper 1 Freebie Button Buy Course Button" by clicking the "+".
  • Left-click on "Free Chapter Button". This opens up a panel on the left that allows you to edit this element.
  • Left-click on the tab labeled "Advanced", choose "Layouts" below.
  • Under "Display", click the button labeled "Flex". The outlined button should now be visible next to the "Buy Course" button.
    • Note: If you want to change the text within the button, click on the "Primary" tab and left-click in the box labeled "Content" and type away. Keep this short! Otherwise your button will start looking weird.
  • To set the link, click the glowing link icon at the top of the panel on the left.
    • Paste or type the URL you want the button to go to in the "URL" field in the pop-up window.
    • Be sure the "Open link in a new tab" check box is checked.
    • Click the "Add Link" button in the bottom right corner of the popup.
Add two additional freebie buttons:
  • Select the layer "Wrapper 1 Freebie Button Buy Course Button" by left-clicking on it.
  • In the panel on the left, left-click on the tab labeled "Advanced", choose "Layouts" below.
  • Under "Display", click the button labeled "None". The "Buy Course" button should now be hidden.

 

  • Select the layer "Wrapper: Both Freebie Buttons" by left-clicking on it.
  • In the panel on the left, left-click on the tab labeled "Advanced", choose "Layouts" below.
  • Under "Display", click the button labeled "Flex". Both outlined buttons should now be visible.
  • Under "Flex Direction", choose the "Row" button. This aligns the buttons so they're on the same row.
  • Note: If you want to change the text within the button, click on the "Primary" tab and left-click in the box labeled "Content" and type away. Keep this short! Otherwise your button will start looking weird.
  • To set the links on the buttons, select the button whose URL you'd like to edit and click the glowing link icon at the top of the panel on the left.
    • Paste or type the URL you want the button to go to in the "URL" field in the pop-up window.
    • Be sure the "Open link in a new tab" check box is checked.
    • Click the "Add Link" button in the bottom right corner of the popup.
Show "Buy Course" full-width button:
  • Select the layer "Full Button: Buy Course" by left-clicking on it.
  • In the panel on the left, left-click on the tab labeled "Advanced", choose "Layouts" below.
  • Under "Display", click the button labeled "Flex". The long, solid button should now be visible.
Shopping cart0
There are no products in the cart!
Continue shopping