Thank You / Tripwire Page

Set up and restyle your template to your branding with the below tutorials

 

Pre-Steps

domain and hosting

If you're just starting out with a website, you'll first need a domain name and hosting - I recommend either BlueHost or NameCheap.

Bluehost offers cheap and solid hosting if you’re just starting out with a personal blog or small business website. They are a full provider of domains, hosting and SSL certificates.
Domains start from $11.99/yr | Hosting is super affordable at $2.95/month & you can get a free domain if you purchase a 12 month hosting plan!
Get Started with BlueHost

NameCheap is a great option if you plan on having a couple of websites. They are a full provider of domains, hosting and SSL certificates. Domains start from $9.95/yr | Hosting is super affordable at $2.88/month for up to 3 websites.
Get started with NameCheap

Our templates are only compatible with self-hosted installations of WordPress (WordPress.org)
*Not sure which version of WordPress you have? Here’s how to check

 

install wordpress

Installing WordPress is a simple process that takes less than five minutes to complete.

The DIY install instructions are below (Or you can ask your hosting provider nicely to install it for you - they usually do it for free!)

 

The easiest and quickest way to install WordPress is through Softaculous, a popular auto-installer. It allows you to easily install popular web applications like WordPress with just a few clicks. Good hosting use Softaculous in their control panel.

Simply login to your Control Panel (or cPanel for short) account - your hosting company would have provided this information when you signed up to host your website.

1. Go to your control panel URL. Example: blogname.com/cpanel

Login with your username and password.

Look for Softaculous icon or WordPress installer icon. You will find them under Auto Installers section.

  1. Clicking on any of these icons will launch Softaculous auto-installer for WordPress. First you will see an overview of WordPress. You need to click on the Install tab to continue.

Softaculous will now ask you where you want to install WordPress.

Choose HTTP for every situation, except if your are launching your site with ecommerce and processing payments, then choose HTTPS.

It’s up to your personal prefernce if you would like http://www or http:// - It doesn’t matter which one you choose but you will have to remeber it as this will be your proper URL.

After that, you need to choose the domain name where you want to install WordPress. Most users want to install WordPress in their domain name (like example.com) In that case, you need to make sure that the ‘In Directory’ field is blank.

Scroll down a little, and you will see the site settings section.

Under this section, first you need to provide a title and description for your WordPress site. Don’t worry you can easily change this later.

Next, you need to choose an admin username, password, and email address.

Make sure that you enter correct email address in the admin email field. This is where WordPress will send notifications and password reset link if you ever forgot your password.

Rest of the options on the screen are optional. You can now click on the install button to run the installer.

Softaculous will run the installer using the settings you provided. You will see a progress bar with installation status. It will take a couple of minutes, do not close the window until the progress bar reaches 100% otherwise this may affect your WordPress installation.

You will see a success message after the installation is finished. It will also show you a link to your website and another link to your WordPress admin area.

To login to your website dashboard place /wp-admin on the end of your domain, for example: http://www.blogname.com/wp-login.php

And that’s it, you’ve successfully installed wordpress.org!

Installation

Introducing Divi (please read before proceeding)

All of our templates have been designed for Divi by Elegant Themes which features an amazing front-end editor making website edits quick and easy for you!

You can use your site templates with the Divi theme OR the Divi plugin:

Divi Theme - The Most Popular Premium WordPress Theme In The World

OR

The Divi Builder Plugin - Visual Drag & Drop Website Building For Any Theme

The theme and the plugin are included within your web design kit for you to use with your site template. If you would like to receive lifetime updates and support for Divi, you can purchase your own divi licence here.

 

Option 1: Using with the Divi theme (or divi child theme)

 If you currently use the Divi Theme, Divi Child Theme, or are starting a new site,; you can choose to install the Divi Theme The Most Popular Premium WordPress Theme In The World

1. After you are logged into your WordPress dashboard click on “Appearance” then “Themes”

2. Select "Add New"

3. Select the "divi.zip"

4. Click "Install Now" then "Activate"

The theme is now installed!

*The Divi Theme is included within your web design kit for you to use with your site template. If you would like to receive lifetime updates and support for divi, you can purchase your own divi licence here if you choose.

Option 2: using with the Divi Builder plugin

You could also use these templates with another wordpress theme (such as a genesis blog theme) by installing the Divi Builder Plugin - Visual Drag & Drop Website Building For Any Theme

Kindly Note - If you choose to use the landing page layouts with a non divi theme, the page may still display your current themes’ widgets like the image below:

Solution - You can ask elegant themes to provide some custom code for you 🙂 Yep, they’re awesome!
Or just choose to display your themes widget areas - you might prefer that look.

_______________________________________________________________

 

How To Install The Divi Builder Plugin

1. After you are logged into your WordPress dashboard click on “Plugins” then “Add New”

2. Select "Upload plugin"

3. Select the "divi-builder.zip"

4. Click “Install Now” then “Activate”

5. The plugin is now installed.

*The Divi plugin is included within your web design kit for you to use with your site template. If you would like to receive lifetime updates and support for divi, you can purchase your own divi licence here if you choose.

Upload Templates

How To Add a template to a page

1. Navigate to Pages > All Pages > select a page or create a new page

2. Click the "Use The Divi Builder" button

3. Click the "Build On The Front End" Button

4. Open the divi menu by clicking the purple circle and all the buttons will appear.

5. Next click the portability icon.

6. Click the "Import" tab and choose and upload your site template file. This will be titled something like 'landing-page.JSON'

Click the big blue "Import Divi Builder Layout" button to upload your page template!

7.  Choose 'Save Draft' or 'Publish'

8. Complete for each page

Customizing The Template

introducing the visual builder
Divi is best used in visual mode, allowing you to build your page on the front-end of your website!
What Is The Visual Builder?
Divi is best used in visual mode, allowing you to build your page on the front-end of your website!
The Divi Builder comes in two forms: The standard “Back-end Builder” and the front-end “Visual Builder.” Both interfaces allow you to build exactly the same types of websites with the same content elements and design settings. The only difference is the interface.
The all new Visual Builder, on the other hand, allows you to build your pages on the front-end of your website! It’s an amazing experience and allows for much faster editing and updating, with changes appearing instantly!
You can click onto the page and just start typing. You can highlight text and adjust its font and style. You can add new content, build your page and watch everything happen right before your eyes.
How To Access The Visual Builder
While you are logged in to your WordPress dashboard, you can navigate to any page and click the “Enable Visual Builder” button in the WordPress admin bar to launch the visual builder.
Another trick I do, to quickly edit a page is: I login to my WordPress dashboard > type the page URL in the browser > select “enable visual editor”
Saving Your Page
To access general page settings, click the purple dock icon at the bottom of your screen. This will expand the settings bar and provide you with various options. Here you’ll find the Save and Publish buttons, when clicked, your changes are published immediately.
If you like the change you can hit “command + save”
If you don’t like the change you can hit “command + z” to undo it
Accessing Page Settings
To access general page settings, click the purple dock icon at the bottom of your screen. This will expand the settings bar and provide you with various options. You can open up your page settings by clicking the gear icon, which will take you to the traditional WordPress editor.
Saving Your Own Layouts To The Library
You can also save your own creations and page layouts to the Divi Library. When a page or a design is saved as a Layout in the Divi Library, it can be loaded onto new pages.
To save an item to the library, click the library icon that exists when hovering over any element and within the page settings bar. Once an item has been added to the library, it will appear in the “Add From Library” tab when adding new Divi layouts, sections, rows and modules.

 

Change The fonts + Colors

First make sure to select “enable visual builder”

To edit any text, just click on the page and start typing – just like a text document!

To change the Fonts or Colors

You can keep it easy and use the templates styling, or choose to customize the fonts and colors:

1. Hover over the text you’d like to style and select the settings cog icon to edit the module

2. Select the “Content” tab and make a note of if the text is heading 1, 2, 3, 4, 5, 6 or paragraph.

3. Select the “Design” tab

If the text was a heading 1, 2 ,3 ,4 ,5 ,6 –  you can edit the settings under Title Text.

Here you can customize the title by selecting fonts, sizes and colors and seeing the changes live!

Select the “Design” tab

If the text was a paragraph, can edit the settings under Body Text.

Here you can customize the paragraph body text by selecting fonts, sizes and colors and seeing the changes live!

4. Save!

Change The Background

1. Once you’ve navigated to your desired page within the visual builder, hover your mouse over the background and the section (blue) settings will appear.

2. Select the settings cog icon to edit the background section.

Within the content tab you will find all of the section’s content elements and settings.

 

To Change The Background Color

1. Select the “Background” settings > Color tab to select your prefered color.

Your brand color palette appears at the bottom to easily pick from.

You can also type in the hex color or use the sliders to change the tone and transparency.

2. Save!

 

To Add An Image Background

1. Select the “Background” settings > Image tab to upload a background image.

2. Save!

Edit the images

*This image is actually one of our Canva Lead Magnet templates available to buy from our toolkit shop!
You can use this PDF template to create a downloadbale freebie for your landing page or a small priced digital product for a tripwire page.
Alternatively you can replace it with any image you like.

Hover your mouse over the image and the module (grey) settings will appear.

1. Select the settings cog icon to edit the background section.

Within the content tab you will find all of the section’s content elements and settings.

2. Click the image and the media library will pop up

3. Select a image or upload a new image

4. Save by clicking the green tick!

You can also click over to the Design Tab and play with all the advanced image settings offered if you wish (but not necessary)

Add button link

To add a link to the button, hover over the button and select the settings cog icon to edit the module.

1. Select the “Content” tab > Link and add the URL for your button

2. Save!

 

Customize the button

You can keep it easy and keep the templates styling or to customize the button, keep reading:

Hover over the button and select the settings cog icon to edit the module

1. Select the “Design” tab > Button

Here you can customize the email optin title by selecting fonts, sizes and colors and seeing the changes live!

3. Save!

 

Divi Resources

Accessing your Sites settings

Choose Your URL Structure

1. Navigate to "Settings" > "Permalinks"

2. Select "Post Name"

3. Save

 

Where to access your site settings?

 

Blog Settings

Your sites settings can be found by navigating to "Settings" > "Reading"

 

 

Options Menu

The theme options menu can be found by navigating to "Divi" > "Theme Options"

 

Customizer Menu

The customizer menu can be found by navigating to "Divi" > "Theme Customizer"

 

Module Menu

The customizer menu can be found by navigating to "Divi" > "Module Customizer"

Divi documentation + tutorials
To see more details on how to edit elements with the visual builder:
 
 
 
 
 

 

Plugins

favourite plugins

A plugin makes it super easy to add features to your site without knowing a single line of code. It’s like a mini- theme, making it easy to add specific functionality that you simply ‘plug-in’ to your site. Best of all – there is no shortage of plugins.

Because there are literally thousands of plugins available, I’ve compiled a list of my favourite and (what I believe) most useful plugins to add to your WordPress website. Let’s go!

Spam – Akismet Anti-Spam

Social Icons – Simple Social Icons

Social share buttons – Social Warfare

Instagram gallery –  lightwidget.com

Affiliate link manager – Shortlinks by Pretty Links

SEO tool – Yoast SEO

Backup and restore tool – UpdraftPlus WordPress Backup Plugin

 

How to install free plugins

1. After you are logged into your WordPress dashboard click on “Plugins” then “Add New”

2. In the search box, search the plugin’s name.

3.Click “Install” then “Activate”

4. The plugin is now installed.

FAQs

faqs + where to find help

FAQs

Having trouble Downloading your Theme Files

See the Frequently Answered Questions

Access Divi's Own Tutorial Hub

 

Template Questions

All Web Design Kits have been created for you to DIY on your own, so along with your theme you'll also receive acess to my set up tutorials, the help center and support for bug fixes.

Kindly note, theme customizations that are beyond the demo, and/or general WordPress advice are beyond the scope of our theme support.

It’s for this reason I created my course Womens Wicked WordPress which teaches you how to confidently manage, edit and update your site yourself. It’s like I’m sitting right with you, guiding through Your Site, teaching you empowering skills (and all my tricks + tips) easily and quickly!

 

If you have divi-specific questions, you might like to see their own tutorial hub or speak to their support team.

 

Install Service

If you'd like help setting up your theme, I offer a deluxe install service where I will personally install your theme and set up your site like the demo.

Resources

affiliate program

Start Monetizing Your Online Presence Immediately By Sharing Our Products

Add your custom links to your blog or website (or instagram, youtube channel, email newsletter – or anywhere online) and earn 40% commission for every sale on sugarandcode.com you refer!

Find Out More and Join Our Program

womens wicked wordpress

 

You girls have been voicing your WordPress struggles…

After helping thousands of women start their own site with my Web Design Kits, I kept hearing the same WordPress struggles and frustrations again and again.

“They claim that WordPress is so user friendly, yet I was anything but friendly while trying, for days and days.”

“I want to start my online business, but I literally have no tech skills and no idea where to start.”

“I don’t even know how to edit and update my own site”

And I’ve been listening 😉

I studyed the pain points, compiled the specific frustrations, brainstormed awesome features you might not even know about, and noted how I managed my own websites, and what I did differently - So that I could empower You to easily and confidently manage, edit and update Your Site, Yourself

The result?

Womens Wicked WordPress

Empowering WordPress Skills To Take You From Clueless To Clever

I created this course as the solution to these pain points, providing Clarity and Confidence

It’s like I’m sitting right with you, guiding through Your Site, teaching you empowering skills easily and quickly (plus all my tips + tricks!)

To Feel Clarity
By building a strong and secure foundation and optimizing your site for growth

To Feel Confident
By understanding how your site works and easily managing, editing and updating your site yourself

To Feel Clever
By quickly implementing new features yourself as your site and brand evolves

✨ Head this way to learn more about Womens Wicked WordPress

After completing the course you’ll understand how your site actually works and confidently use it to your advantage. No more letting the tech side limit your potential or prevent you from growing your blog or business!

Want to go from cluless to clever?

Join my signature course Womens Wicked WordPress!

Copyright © 2019 · Back to SugarAndCode.com