Create Great Pages with Premise

Build custom landing pages with the Premise point-and-click interface, no matter which WordPress theme you use.

Main Settings

The Main Settings give you important options as to how your landing pages will operate. Let’s go through each item on the page.

Find your way to the Premise Main Settings page:

API Key – This is the letter and number combination you received when you signed up for Premise. It’s basically a code that tells us you’re you. Just drop that code into the box and then press “Save Changes” at the bottom of the page.

Landing Page URLs – This option allows you to create a unique URL for all the landing pages you create. Like a category distinction, it will keep your landing pages ordered and more SEO friendly.

Default Header Image – Easily point to or upload a header image that becomes the default for every page you create. You can override (or remove) this header on the specific page functions of each individual page.

Default Header Tagline - Write a Header Tagline that becomes the default for every landing page you create. You can override this tagline on the specific page functions of each individual page.

Default Footer Text – Write specific Footer Text that becomes the default for every landing page you create. You can override this footer text on the specific page functions of each individual page.

Robots Meta Settings – Robots are the little guys that search engines send out to crawl over your pages for information. With each of these settings, you control what the Robots see, or don’t.

Feed Autodetect – This setting is on by default — just check the box to turn it off. You may not want your RSS feed autodetect to show up on a landing page, as it may distract people from your call to action. You can turn off the feed autodiscovery only for landing pages while leaving it for the rest of your site.

Email Providers – Premise works automatically with the opt-in code and APIs of Aweber, Constant Contact, and Mail Chimp.

Sharing – Choose whether to use Simple or Enhanced Facebook and Twitter share settings for Social Sharing Pages.

Testing – Integrate your free Google Website Optimizer account by dropping your account ID into the provided box. Or enter your Visual Website Optimizer account information if you use that paid service.

Scripts – Premise allows you to add tracking scripts and other code to either the header or footer. Insert your code into the text areas below to make it apply to all Premise landing pages.

Click “Save Changes”!

Style Settings

Here’s where things get really interesting and fun. Let’s get into the styles and custom buttons you’ll create with the Premise point-and-click style settings. We’ll go through each item, which can be edited at any time; or simply create as many new sets of styles as you want.

Find your way to the Premise Style Settings page:

Your Styles – The first thing you’ll see is “Your Styles.” Premise comes with a Default style that you can begin creating pages with immediately. Or you can edit the Default style to your liking, or create and save any number of custom styles of your own creation using the point-and-click style interface. When you start building a landing page, simply designate which style you want to apply to that page.

Your Buttons – Next up is the custom button creator. Chose your button copy, background and hover colors, border/padding, shadows and more.

Let’s now look at all the ways you can customize various styles for your landing pages with the Add Style interface.

Click either “Add Style” or “Add New”:

Reset Settings – Just what it advertises, if you’d like to get back to the original Premise design settings, click this button. Note: if you click “Reset Settings” you’ll lose all of the customizations you’ve previously made!

Toggle All – By default, the design options boxes are collapsed for quick viewing on the page. The “Toggle All” button opens them all for you.

Global Styles – This box sets the global fonts, font colors, font size and line height for all landing pages you create. This is a great “set it and forget it” function, and you can change these details within each individual page anytime.

Global Links – Controls the way your links look across all of your landing pages. Simply click the color numbers or dropdown menu to change the appearance of your links. Like styles above, these settings can be overwritten on each individual page you create.

Wrap (content area) – This box controls the look and feel of the content area (where your headlines and content will appear) of your pages. Based on the goals and functions of your individual landing pages, you can alter the background, margins, padding, border (or none), and shadowing.

Header – This is the place for your branding, the very top spot of your landing pages. Customize the height, width and background color of your headers for every page, based on the size of your header images or text.

Header Tagline – Like the header above, this box gives you laser-focused control over the look of your taglines (appearing directly under the header) globally.

Main Headline Area - If your headline doesn’t capture your reader’s attention, they won’t continue reading your page. Here you’ll find the elements to make your headlines (and subtitles) pop with color, size and placement.

Pricing – Tables of information can be a bit tricky to manipulate — no more. Point and click to create a beautiful pricing table that cleanly displays your numbers.

Blockquotes – Use blockquotes for, well, quotes, or to highlight certain text on your page. Determine the font, font color and background in this box.

Notice Box – The notice box is the true “killer app” for calling attention to important content. Use it for testimonials, limited-time offers, etc. Like the blockquotes controls above, just click to change the background color and font styles.

In-Page Headlines – You want to break up the content of your landing page to improve readability and give your potential customer a taste of what’s coming in the next paragraphs. With the In-Page Headlines box, you can determine the exact look of these headlines, as well as controlling each of your different header styles.

Footer – The footer (text appearing at the very bottom of your page) is the great under-used section of many websites and landing pages. Make it count!

Input Boxes – These are the inputs for forms where your customers will type in their information (name, email, etc).

Submit Buttons – Make sure your submit buttons are seen and understood, if people don’t submit their information to you, nothing happens. For tips on what makes a great submit button, see our copywriting tutorials.

Content Scroller- The content scroller is an amazing little function that saves a lot of clicking and page real estate. With a simple click of a button, your customers can scroll through paragraphs of information without leaving your main landing page. Control the look of every part of your scroller from this box.

Video – The Video Holder creates a nice frame for your video that allows you to include background color, text and bordering.

Opt In – One of the most valuable functions on any landing page. In this box you’ll find you have absolute control over the look and feel of your opt-in boxes. Create a container for your forms, borders, and font styles, it’s all here.

General Settings - If you’ve ever wanted to test a new site without making it live as you work on it, simply click the “Minify CSS” radio button and go to work. It’ll hide what you’re doing until you’re ready to go live. Also, you’ll find helpful import/export functions here to save your settings or bring in pre-existing settings that you’ve already created.

HTML Editor

Let’s move on to the HTML Editor, which allows you to style the body text and images of any landing page. You’ll see the standard options provided in any WYSIWYG editor (bold, italic, strike through, etc.), but Premise has provided you with several critical add-ons that make constructing your landing pages a breeze.

Insert Sample Copy

One of the most powerful functions in the Premise software. With one click, you can populate your landing page with a classic template of sample text laid out perfectly. This takes the guesswork out of layout questions and allows you to focus purely on your message. All you need to do is replace the sample text with your own, and you’re on your way.

Insert Graphics

When it’s time to insert a beautiful button or graphic for more effective on-page communication, Premise offers you over 1,110 custom-made options. Click the “Insert Graphic” button and a lightbox screen will appear, allowing you to choose your graphic, and get back to work.

Insert Opt-In Code

Click the “Insert Opt-In Code” button and a handy lightbox screen appears asking you for the code from your email autoresponder service. You can get this code from your provider (Aweber, Mailchimp, etc.), drop it into the form and click insert.

Insert Notice Box

The Notice Box is a classy way of highlighting specific text that you’d like to set apart from the rest of the page. This may include an important message, or a testimonial from a client/customer. Simply click the “Notice Box” button and sample text will appear in the editor, which you can replace with your own text.

Insert Google Website Optimizer Section

Google’s Website Optimizer is a great optimization and testing tool that helps eliminate the guesswork of how effective your pages are at conversion. Drop your GWO section name into the provided form and click “Insert”.

Insert Custom Buttons

The Custom Buttons function is how you insert the customized buttons you created on the Style Settings page. One click and your button goes exactly where you want it on the page.

Individual Page Settings

Premise provides true do-it-yourself WordPress design with the ability to customize each individual page you create. Let’s take a look at the individual settings options for your landing pages:

Landing Page Style

Remember, you can create and save any number of color, font, and style combinations at the Style Settings page. Then, simply choose which style you want to apply to a particular page with the Landing Page Style drop-down selector.

Header Display

Here you can decide whether or not to include the default Header image you chose on the Main Settings page. If you remove the header here, it will still appear everywhere else on the site.

Header Image

Alternately, provide a unique header image by uploading it via FTP and pointing to its URL in the provided form. If you don’t have an image handy, upload one via the WordPress uploader.

Header Tagline

If you’d just like some snappy text in place of a header image, enter a tagline that will appear in the header of your landing page in the provided form.

Footer Display

You can choose whether or not to show the footer (with text) for your landing page here. The footer is displayed by default via your Main Settings page choice, but you can remove it by checking the box.

Footer Copy

If you’d like to display custom footer text for this landing page only, enter that tagline here.

Premise Page Templates And On-page Settings

How to Create and Customize a Sales Page

The Sales Page is the bedrock classic of all landing pages. With a few clicks and some solid writing work on your part, we’ll get your sales page together.

To get started on creating your simple Sales Page go to:

You’ll open the new page template and see a number of elements that control various aspects of your landing page. Let’s go through each one now.

Headline

The headline is the most important element in constructing a persuasive landing page, because it compels people to continue reading the page. Write your main, top-level headline in the provided form, and make it good!

Subhead

The sub-headline allows you to continue to capture your reader’s attention and compel them to read your opening. It appears (in a smaller font) directly below the headline.

Body Copy

From here you start writing your page, inserting custom graphics, notice and testimonial boxes, and other elements as you see fit.

How to Create and Customize a Social Sharing Page

Want to find more readers and grow your audience? One way to do that is with a Social Share page, where you give readers what they want (a piece of juicy content) in return for what you want (for people to share your content on networking sites like Facebook or Twitter). Here’s how:

The Social Share page type teases the reader with an invitation to a compelling piece of content — but to get the content, the reader first needs to share your page with others on Facebook or Twitter. You’re taking advantage of curiosity and the desire to “see what’s behind the curtain.”

To get started on creating your simple Sales Page go to:

There are two approaches to building a Social Sharing Page with Premise:

1. Simple Method

The default setting relies on the honor system for visitors to share the page, but is much less intrusive as far as authorization goes, and has been shown to result in more sharing.

2. Enhanced Method

By switching your “Sharing” option under Main Settings to Enhanced, you can tap into the authorized Twitter and Facebook APIs to create a “bulletproof” sharing approach. Visitors must absolutely share to get to the content page, and you’ll have sharing statistics via the APIs.

From there you create two pages:

Page One:

This page contains a killer headline and subhead (if desired), and body that explain the benefits of the free content. You then explain that to get the content, they must first share the page on either Facebook or Twitter.

The social sharing icons are inserted automatically, and you can even upload alternate graphics. You can also specify the Sharing Message prompt, and the suggested text that will be transmitted over Facebook or Twitter.

Page Two:

On this page, you’ll add some confirmation copy that prompts people to download, view, or otherwise engage with your content. Meanwhile, their friends are on the way from Facebook and Twitter to the initial page.

The more people who share the page, the more people continue to come. It’s a true social media viral effect!

How to Create a Content (SEO) Landing Page

Sometimes, you’ve got a lot of content to publish on a single page. With the help of this template, you’ll be able to display that content in the most effective, captivating way possible, which can then be optimized for search and serve as one point that people will link to.

To get started on creating your Content Landing Page go to:

You’ll open the new page template and see a number of elements that control various aspects of your landing page. Let’s go through each one now.

Naturally, you start with a headline that features your targeted keyword phrase. Here you’ll want to use that title on the page, so people will link to the page using those words.

From there, it’s laying out a high-value resource anchored by solid SEO copywriting. For more on this, check out the Premise copywriting advice for this specific page. It’s available directly from inside WordPress at the Content Landing Page builder.

How to Create and Customize a Pricing Table Landing Page

A pricing page following a click-through from your sales page allows you to focus on key benefits and risk-reversal with your guarantee before closing the sale. And if you’ve got multiple price points/packages that you need to simply and clearly communicate to your customers, this is the template to use.

To get started on creating your Pricing Table Landing Page go to:

You’ll open the new page template and see a number of unique elements that control various aspects of of this type of landing page. Let’s go through each one now.

Re-Order Price Settings

This little box (in the right sidebar of your page) allows you to re-order or add to the panels in your pricing column. With the dropdown menus, choose to add and style your bullet points on the page.

Basic Plan (Pricing Column)

This box controls the table that you’ll be creating to layout your pricing information:

Price Column Header

The header, or title that leads your readers into the rest of your pricing plan. Enter a clear, descriptive header into the form so that readers know exactly what they’re reading prices for.

Directly under the Pricing Header Column is the first form for the first line that will appear in your table. This is where you enter your pricing and item information. You can:

• Enter your information into the form
• Move the form above or below other lines by clickiing and dragging the “up/down” icon to the right.
• Delete the line by clicking the red “X”
• Add another line (new lines appear below the original by default)

Call to Action

This is the linked text that will appear at the bottom of your pricing table, calling your readers to click through and purchase your product or service. For Call to Action tips, see the Landing Page Assistant.

Pricing Content

Let’s move on to the Pricing Content editor, which will contain and style the body text and images of your page. This editor differs a bit from others in that it allows you to create content both above and below your Pricing Table.

How to Create a Landing Page with an Email Opt In Form

If you’re looking to place your Opt In form front-and-center before the fold on your page, this template will help you achieve it easily.

To get started on creating your Opt-In Form Landing Page go to:

You’ll open the new page template and see a number of unique elements that control various aspects of of this type of landing page. Let’s go through each one now.

Opt In Copy Editor

A hybrid of the standard HTML Editor, this box contains controls for the style for the body text and images of your page. You’ll see the standard options provided in any WYSIWYG editor (bold, italic, strikethrough, etc.), but Premise has provided you with several invaluable add-ons that make constructing your landing page a relative breeze.

The main benefit here are the options to place your opt in forms in perfect relation to your text. Below the HTML editor, you’ll see the placement options, just click left, center, or right to place your form where you want on the page.

Copy Below the Opt In Form

This box controls the look and feel of any text you want to include below the opt in form. Use the same options as above to style text, insert images, etc. See the button descriptions below to find out what each one does.

How to Create a Landing Page with Video

They say pictures are worth a thousand words, and video is becoming a very powerful force on the web. If you do video, Premise makes creating laser-focused video landing pages a snap. You can use them for direct sales pages, email opt-in pages, or other forms of lead generation.

To get started on creating your Landing Page with Video go to:

You’ll open the new page template and see a number of unique elements that control various aspects of of this type of landing page. Let’s go through each one now.

Video Box Copy Editor

A hybrid of the standard HTML Editor, this box contains controls for the style for the body text and images of your page. You’ll see the standard options provided in any WYSIWYG editor (bold, italic, strikethrough, etc.), but Premise has provided you with several invaluable add-ons that make constructing your landing page a relative breeze.

The main benefit here are the options to place your video box in perfect relation to your text. Below the HTML editor, you’ll see the placement options, just click left, center, or right to place your form where you want on the page.

Video Box Image

Add or upload a custom image using the forms here, which will be placed in the video box as the link to the video lightbox.

Video Embed Code

Is your video hosted on YouTube? No problem, simply drop your embed code into this form and it’ll appear perfectly on the page.

Copy Below the Video Box

This box controls the look and feel of any text you want to include below the video box. Use the same options as above to style text, insert images, etc. See the button descriptions below to find out what each one does.

Insert Opt-In Code

Click the “Insert Opt-In Code” button and a handy lightbox screen appears asking you for the code from your email autoresponder service. You can get this code from your provider (Aweber, Mailchimp, etc.), drop it into the form and click insert.

How to Create a Landing Page with Tabs and Content Scroller

If you’ve got lots of copy that you want to keep above the fold on your landing page instead of going with long scrolling copy), the Premise Content Scroller offers an elegant solution with just a few clicks.

To get started on creating your Multiple Tabs Content Scroller Sales Page go to:

You’ll open the new page template and see a number of unique elements that control various aspects of of this type of landing page. Let’s go through each one now.

Tab 1 (Content Scroller Tab) Editor

Let’s move on to the HTML Editor. You’ll see the standard options provided in any WYSIWYG editor (bold, italic, strikethrough, etc.), but Premise has provided you with several invaluable add-ons that make constructing a tabbed scroller landing page a relative breeze.

Tab Titles

Enter the title of your first tab here, then move onto creating the content for that tab.

Tab Panel Settings

In this box, you can re-order and hide/unhide your various tabs. Click “Add Another Tab” to do just that, and then drag and drop to re-order as you please. Also, control how a tab can be seen by clicking the radio buttons under the “Add Another Tab” button.

How to Create and Customize a Thank You or Confirmation Page

A well written Thank You page will maximize your chances of getting the reader to confirm an email opt-in.

Add to that your Confirmation page (sometimes called a “success” page in some systems) and this lets the reader know that he’s successfully opted in for your content.

To get started on creating your simple Thank You Page go to:

You’ll open the new page template and see a number of elements that control various aspects of your landing page. Let’s go through each one now.

Headline

The headline informs the reader in that they’ve successfully completed the action (and thanks them for doing so).

Subhead

The sub-headline is a great way to reassure the reader that they action has been completed, or to signal to them that there’s another step (like when an additional confirmation is needed — a double opt-in, for example).

Body Copy

From here you start writing your page, and outline any further instructions or clarify what it is they’re getting for taking the action.