Results

Search Results for: content pattern/&paged=4

Lesson 9: Design Modules

When it comes to conversion focused design for your sales page, understand that purpose is ALWAYS more important than presentation.

The 4 Primary Design Modules

  1. Text
  2. Illustrations
  3. Lists
  4. Pattern Interrupts

1. Text Modules

Text modules usually include a heading, subheadings and a few short paragraphs. Follow these rules when designing your text modules:

  • Include 1 to 2 headings per screen height
  • Make your paragraph sections short and concise (short paragraphs = short, easy to digest ideas)

2. Illustration Modules

Illustrations are any graphical element that help make a point and add visual interest to your page. Follow these rules when designing your illustration modules:

  • Ask "Can this be more effectively communicated with an illustration?"
  • Don't use images as filler
  • Don't use graphics or visual elements that don't make sense with your brand or purpose of your page/website
  • Not every illustration has to be important, but EVERY illustration had to add information

3. List Modules

Lists allow you to present more information in less space while forcing you to be more concise about the point you're trying to make. Lists are also:

  • Skim friendly
  • Imply simplicity
  • Demonstrate volume ("look at all this stuff you get!")
  • Provide structure, order & clarity to the point(s) you're communicating

Most lists are made up of the following elements:

  • A graphical indicator
  • Title (optional)
  • Text content

4. Pattern Interrupt Modules

When it comes to design, a pattern interrupt breaks the established visual pattern to try and grab the reader's attention. Visual pattern interrupts can include:

  • Highlight boxes
  • Changes in Background Section color
  • Large or stylized text (e.g. for quotes)
  • Illustrations

Note: Be careful not to place multiple visual pattern interrupts close together as this will reduce their attention grabbing impact. Try to re-establish the original pattern first before using another pattern interrupt.

Secondary Modules

There are other design modules you'll need to include on your sales page. These include:

  • Product sections (where you introduce or showcase your product)
  • Pricing sections
  • Testimonial sections
  • About the Author/Expert sections
  • Guarantee sections
  • FAQ sections (use Toggle buttons)

The Outside-In Principle + Global Colors: The Ultimate Color Customization Combo

WordPress themes have come a long way, haven’t they? Back in the day, you couldn’t choose your theme color or your font — you were stuck with what the theme developer gave you. 

Today, Thrive Theme Builder allows you to choose any color you want for any element on your entire website

It’s jaw-droppingly customizable.

But with great customizability can come great confusion. What’s a global color? Why didn’t this update like I thought it would?

In a past article, we covered how to use the Outside-In Principle to customize your website’s typography. In this article, we'll explore how using this exact same principle will allow you to take complete control over your website's colors and create gorgeous pages more quickly than ever.

Once you start using this method, you’ll wonder what you ever did without it. 

How Kaye Putnam uses Quizzes to Sell Her Online Course… and You Can Too!

Online quizzes are just a bit of fun, right?

Something to pass the time and test your knowledge.

They can’t possibly bring over 100,000 people into your marketing funnel...

… or can they?

Today, we’ll share the secrets of Kaye Putnam’s quiz-focused marketing funnel, and how it powers her highly successful online business, so you can learn how online quizzes can drive leads, grow your email list, boost your social media presence, and sell products by the bucketload.

You’ll discover:

  • Kaye’s self-supporting social strategy she uses to get over 100k people to take the quiz
  • How to balance giving value with building an email list
  • The intelligent way she's using just the right amount of personalization in her email follow-up sequence.

The Content Writing Formula Part 1: Structure

“Every content piece is a list. Even if it is not a list”. Shane’s method to structure content helps you to create content that is clear and fun to read.


Structure turns raw information into approachable and engaging content.

The structure of your content will be:

  • Hook
  • List
  • Call to Action

Hook

We start every article with a hook or teaser, which is meant to hook the reader in and keep them reading. This is where we can satisfy the search intent: Give them what they are looking for or tell them when they can expect an answer to their search query.


The 'list' content

The list is the main part of your content. This is not a listicle but a content pattern. You can deepen your understanding of content patterns on the Thrive Themes blog.


The list also allows to respect the hierarchy of headlines within your content, which is something that Google really cares about.


Do this:

Not this:


Find yourself picking headlines by design and not hierarchy?

Often times, people choose H2, H3 or H4 depending on what looks best on the website in terms of design.

Keep in mind that the headlines are meant to establish structure within your content. If you are not happy with the design, this is how you can fix it.


For blog posts you can update header and body fonts here:

How to Use Custom Fonts in the Theme Customizer

For further styling, you will have to use in text edits:


For each page you can customize all headlines in the page settings:

How to Customize your Landing Page Settings with Thrive Architect



Call to Action

And lastly, don’t leave your users hanging. Tell them where they can sign up, contact you or shop in your store. Every page should end with a “call to action.”


I personally love using Dynalist to create simple bullet point lists that allow me to structure my thoughts when writing content.

This content is for members only

How to Use the Video Section Shortcode

 Important!
Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder.


We now have a separate article about how to use the "Video" element, which might be helpful.

You can easily add a video to your content by using the Video Section shortcode.

First, got to the Editor in your Dashboard. Click on the ThriveShortcodes drop-down menu and select "Video Section".

As you click on it, a new window will pop up with the following shortcode options:

1. YouTube / Vimeo / Custom

Here you need to set where has you video been uploaded to. Tick the box before "Custom" if the video is uploaded to a website different from YouTube or Vimeo.

YouTube

If the video you want to add to your page/post is uploaded to YouTube, here are the options you need to set: 

The Video URL looks like this: https://www.youtube.com/watch?v=I2Wrei2bXM4

You can set other options, for example hiding YouTube logo, title, related videos.

You don't need to add the video's embed code.

Vimeo

As you tick the box before 'Vimeo', the following options will appear:

Here you only need to add the Video URL. It’s important that you add the full URL of the video (including the “http://” part), like in this example: http://vimeo.com/28202814

Custom

This is the option you need if the video you want to add to your post or page was not uploaded to YouTube or Vimeo. Here are the options you need to set:

Unlike in the previous cases, first you need to add the embed code of the video. The embed code starts with <iframe . Here is an example for an embed code: 

<iframe
type="text/html"
width="640"
height="435"
src="http://vube.com/embed/video/wWjYQYK4bV?autoplay=false&fit=true"
allowfullscreen
frameborder="0">
</iframe>

Then you need to add the Video Custom URL. It’s important that you add the full URL of the video (including the “http://” part), like in this example: http://vube.com/s/8744jr

2. Maximum Video Width

Set how many pixels you want you video to be maximum.

3. Heading Text

There is going to be a background with maximum three different texts before your video is played. The Heading appears on the top and it is the biggest one. Adding a text is not obligatory.

4. Subheading Text

This is the text that is going to appear under the Heading text. This text is much smaller than the Heading text.

5. Call to Action Text

This is the third type of text you can add. This will appear right under the play button with an arrow pointing to it, just like in this example: 

6. Text and Play Button Color

You can set whether you want the abovementioned texts and play button to appear in dark or light.

7. Background Type

Before you start the video, there is going to be a background with a play button and optional texts above and below it. You can have an image, pattern or solid background.

Image

As you tick the box before 'Image', these are the options you will see:

By clicking on 'Upload', you can choose an image as background from your Media Library. Delete the chosen image with the 'Remove' button.

Pattern

Here are the options you will see if you decide to choose a pattern as background:

Click on the drop-down below 'Select Pattern' and choose a pattern you would like to add as a background to your video.

Solid

Here are the options for adding a solid background:

Click on 'Select Colour' and choose a colour you like. 

9. Default / Top of the Page / Bottom of the Page

Set where you want the video to appear in your post/page

10. Insert

Once you are done with all the settings, click on 'Insert' and the video will be added to your content. 

Here is an example for the Video Section:

Important!

Please note that in order to use the Shortcodes as they are described in this article, you have to install the "Classic Editor" plugin. Check out this article to find out more about how to install and use the plugin.

Your 5 Step Strategy To Create Better Content Faster

Who doesn’t want to create better blog posts, faster

Consistent content creation is a big challenge for solopreneurs and if you want to publish quality work at a pro pace, then building this skill should be one of your top priorities.

So in this video post, we’re going to teach you a 5 step content creation process that uses 3 of our flagship Thrive Themes products (Thrive Theme Builder, Thrive Architect and Thrive Leads) to not only help you create professional looking blog posts more rapidly, but help grow your email list too!

The method you’re about to learn relies heavily on leveraging the rapid implementation power of templates across these 3 tools, and by the end of this post — you’re going to going to be a pro at all of them.

Ready to get started? Let's go!

TQB Surveys: The Deceivingly Easy Way to Discover Exactly What Your Customers Want

Wouldn’t it be great to have a crystal ball that told you the exact content your audience wants from you?

Or a tool that helped you better understand your customers and cater to their needs?

Well in this post, we’re going to show you how the latest quiz type now available inside Thrive Quiz Builder can help you do – just that.

We’ll even show you how we’re using this feature at Thrive Themes to customize our LIVE webinar training sessions for attendees, before the event begins.

Ready to learn how to start reading the minds of your audience? Keep reading...

8 Fundamental Web Design Principles for Better, High Converting Websites

From web designers to marketers, customers to CEOs, everyone has an opinion on web design.

That's what makes the web so diverse and interesting!

But a good design strategy can't rely solely on personal opinions while hoping for the best. Sure, your website will be creative, but will it be effective?

Today we'll show you how your website can be both, using the underlying web design principles.

How to Use the Page Section Shortcode

 Important!
Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder. 


You can also read this article about how to use the "Background Section" element, since the functionalities of this element are similar to the ones of the "Page Section".

With Thrive, you can add a Page Section to your content by using a shortcode.

First, go to the Editor in your Dashboard. Click on the ThriveShortcodes drop-down menu and select 'Page Section'.

As you click on 'Page Section', a new window will pop up where you can set the following shortcode options:

1. Choose a Colour or Select Custom

You can choose from the three pre-added colours (blue, red, green) or set your own colours by selecting 'Custom'. The options 2-3. will only appear if you select 'Custom'. If you select on of the pre-added colours (marked with arrows in the picture below), you will only see the options 4-6. and the 'Insert' button.

2. Background Type

Your page section can have different backgrounds: solid, image or pattern.

Solid

If you choose to have a solid background, click on 'Select Colour' and choose a colour you like.

Image

You can set different images for the Page Section, depending on whether someone is reading your page or post from a tablet, a phone or full width. Upload the images by clicking on the green 'Upload' button. Click on 'Remove' if you want to delete the chosen picture.

You can also set whether you want the image to be static, and if you want to show the full height of the images.

3. Text Style

You can add a text to your Page Section. Set if you want the colour of this text to appear in dark or light.

4. Shadow

Page Section can have a shadow around it. You can set the colour of this shadow by clicking on 'Select Colour'

5. Add Padding

Here you can add padding above and below the Page Section.

6. Position

Here you can set wheter you want the Page Section to appear on the top of the page, on the botton of the page or default

7. Insert

Once you are done with all the settings, click on Insert. This is what will appear in the back-end editor:

If you want to add a text to the Page Section, type it between the two square brackets ( ] [ )where the arrow indicates it in the picture. Here is how it should look like (I added 'EXAMPLE TEXT'):

The Page Section is going to look like this in the front-end:

Important!

Please note that in order to use the Shortcodes as they are described in this article, you have to install the "Classic Editor" plugin. Check out this article to find out more about how to install and use the plugin.

>