Instapage is a powerful solution for building landing pages and has been used to create more than 2 million of them, making it one of the most dominant tools in the field. Not only does Instapage come with many features for creating and publishing web pages, it also includes integrations with marketing tools such as CRM systems, email marketing and social media.
For conversion rates and leads, landing pages are the most powerful tools available. Often, theyâre the first point of contact between potential customers and whatever youâre selling. They are a single webpage with no ties to the rest of your website and, in most cases, follow a specific marketing strategy.
In this tutorial, weâre going to explain how to use Instapage to build landing pages without a developer. First, youâre going to learn how to create a basic webpage and use Instablocks. After that, weâre going to explain how to make your landing page look nice on mobile devices and what you have to do to make it rank well on Google, so letâs get started.
What Is Instapage?
At first, Instapage may look like one of our best website builders, but many of those lack the tools necessary for optimizing and measuring your conversion rate. Plus, search engine optimization options are often only included in their paid plans. Instapage is much simpler to use and tailored to doing quick tests for marketing uses.
That makes Instapage a lightweight solution, unlike, say, Wix (read our Wix review), which might be oversized for this purpose and may require hiring a Wix-certified developer.
Even though Instapage only comes with a 14-day trial, itâs perfect for quick tests on products, services, prototypes or whole business models. Most people use Instapage to receive leads from ads, capture free traffic or build a temporary website to validate an idea or concept.
No matter why you need a landing page, Instapage makes it easy to create one. Itâs a great tool that allows you to publish a webpage in a day, without entering a single line of code. Small businesses, especially, may want to experiment with different approaches and Instapage lets you do that on a small budget. All you need is elbow grease.
How a Landing Page Can Drive Conversions
As we mentioned, you can use Instapage for many reasons, but all of them have one thing in common: they increase your conversions. A conversion is getting your potential customers to do something, such as an ebook download, email newsletter subscription or the purchase of goods and services. Itâs the decisive factor in determining how fast your customer base grows.
A well-designed and thought out landing page is key to increasing the conversion rate of your business. Often, itâs the first thing potential customers relate to your brand, so youâd better leave them with a good impression.
Having a good conversion rate alone is not enough to make your business successful, though. It is also important to understand how much your customers cost to acquire, so balanced customer acquisition rates are an important factor as well.
That’s why you should keep your costs for customer acquisition, including the costs to create a landing page for your marketing strategy, low and should put off hiring a developer as long as possible. They aren’t exactly cheap.
Benefits of Not Hiring a Developer
For a small business, hiring someone new is a big decision. Itâs a financial risk and small teams grow together, building their working relationships on trust. Itâs hard to rely on someone they barely know.
On top of that, you have the problem of cost, so you donât necessarily want to hire a developer for building a landing page. Besides the fact that building a webpage from scratch might be too time-consuming, itâs expensive too.
Developers need to adapt to the project domain and understand your goals first. Even if all goes well after hiring someone, it might take weeks to get your them started and the amount of communication increases, which complicates things. After a successful delivery and transition of your landing page, you may become overly reliant on your developer and vulnerable.
How to Use Instapage
In this section, weâre going to show you some of the features of Instapage and best practices for using it, so you can create a good landing page.
Create a Landing Page
First, choose from a list of landing page templates.
If you want to start from scratch, click on âblank page.â In this article, weâre going with the template âbrandbook.â
After you click on the brandbook template and name your landing page, the landing page editor screen shows up, which looks like this:
The editor menu panel comes with many things you might want your landing page to do. You can add the following features to your page:
- Social Media Share Counter
- Custom HTML
To add an element, click on the appropriate button in your menu and Instapage will add it to your landing page. After adding your element, you can edit it by selecting it and hitting the âeditâ button, as shown in the screenshot below.
The best elements for optimizing your landing page are âforms,â the âsocial media shareâ counter and the âtimerâ because they interact with your potential customers more directly than any other element.
After hitting the âformâ icon, the following will appear on your landing page.
If you click on âedit,â youâll see that the editor panel changes. You can modify the style of the buttons, the overall form style, add links under âform submissions,â add custom integrations to your forms, such as MailChimp, Salesforce or Zapier, and create a multi-step form submission. You might also have noticed a pop-up with two options: â+add fieldâ and âdone.â
Hereâs where the full potential of Instapage comes in. When you hit the â+add fieldâ button, youâll see a couple of options that are preset for optimizing the conversion rate of your landing page.
If you want to change the layout of your form, there are two ways to do so. If your CSS is good enough, you can edit the styling of the form with Instapageâs âinline style editor.â To do that, click on the form and hit âedit CSS styles.â
Enable âinline style editingâ and start customizing the stylesheet for your form.
You can modify the CSS stylesheet of almost every element in Instapage. If you donât feel comfortable doing custom CSS, you can modify the layout of your form with the âbutton styleâ and âform style options in the editor, as well.
How to Use Instablocks
In order to build landing pages quickly, you need to understand the concept of Instablocks first. Instablocks are reusable components of your landing page. Each page is composed of one or more Instablocks. Save your blocks and reuse them to build landing pages faster.
In the upper left-hand corner, you see an âInstablocksâ button. Hit it.
After clicking on the âInstablocksâ button, you should see the following pop-up.
As you can see, the header contains three big columns: âmy blocks,â âglobal blocksâ and âblock templates.â
Under âmy blocksâ and âglobal blocksâ youâre going to find custom blocks youâve created in the past. âMy blocksâ are Instablocks, which are created for one specific landing page, while âglobal blocksâ contain Instablocks from all your landing pages. Thatâs right, you can create a global Instablock and reuse it for all the landing pages youâre going to build.
To save an Instablock, click inside the block and move your mouse to the little menu in the upper left-hand corner and hit the âmoreâ button, then decide if you want to save it under âglobal blocksâ or âmy blocks.â In this example, weâre going to save the first block under âmy blocks.â
After saving your Instablock, it should appear in your overview.
If you want to insert your customized block into your landing page, click on it and hit âinsert.â
Youâll automatically go back to the whole webpage again with âinsert blockâ buttons highlighted all over your landing page. Decide where you want to place your Instablock and click on the appropriate âinsert blockâ button. After youâve done that, your block will be inserted below.
Desktop and Mobile Versions
Nowadays, every page on the web should be responsive, including yours. In order to make your landing page mobile-friendly, there are some tips and tricks you might want to consider.
Certain techniques have prevailed among front-end developers to create mobile-friendly landing pages. You can rearrange elements, resize them or do both.
To get started, check if your landing page has a mobile version. To do so, hover over the âdesktop/mobileâ switch button at the top of your page.
Once you turn the âmobile pageâ switch on, Instapage will generate a mobile version of your page. You can group elements on the desktop view to maintain their order of appearance in the mobile view.
If you want to see how your page looks on a mobile device, hit the âmobileâ button at the top of your screen. Whenever you make changes to the desktop view, make sure that you switch to your mobile view and click on “regenerate mobileâ to ensure that it stays up-to-date.
If you only want to apply changes from your desktop view to a specific section, use âregenerate blockâ instead.
After you generate the mobile version of your landing page, make sure all elements are placed well. Don’t rely too much on the auto-generated page. If you want your objects to shrink instead of rearranging, group them and lock the âmobile aspect ratio.â
Finalize & Publish a Landing Page
Now that you know how to use Instapage, letâs dive into some more advanced techniques and methods to finalize and publish your landing page.
Youâll see a drop-down menu that looks like this.
Feedback and Collaboration
After you finish your work, you might want to get feedback from your coworkers. Instapage has a strong set of features for collaboration. The most important one is the âcommentâ function.
When you hit the âcommentâ button, youâll be sent to a preview of your landing page with extended functionality, including the comment function and heatmap mode. In comment mode, your mouse pointer changes and you will be able to leave a note wherever you want by clicking on that area of the screen. Once done, you can open your comment by clicking on it.
Now your teammates can answer your comments and implement your feedback, which makes collaborating much easier.
SEO is an essential part of your online marketing success, so you better optimize your webpage to get a higher Google ranking before you publish it. To do so, open the âsettingsâ tab that you used when youâve customized your landing page earlier and select âSEO.â
You should see the most relevant SEO settings for your page: the title, keywords, canonical link, meta description and the favicon.
You can also tell Instapage to hide your page from Google with the âhide from search enginesâ switch.
Publishing Your Site
Youâve created your landing page, made it mobile-friendly, customized it with HTML and CSS, implemented the feedback from your team and optimized it for Google and other search engines. Now itâs time to publish it to make it accessible to the rest of the world. All you have to do is click on the big blue âpublishâ button in the upper right-hand corner of your screen.
Donât worry about breaking anything because Instapage will tell you if somethingâs wrong with your website, e.g., when the mobile version is missing. Youâll be able to choose between the following five options.
To publish your page using a custom domain, youâll need, as you might have figured, a custom domain. You can still publish it as a demo page if you donât want to buy a domain, though. If you do that, it will have â.pagedemo.coâ at the end of its URL, which is okay since itâs just for testing purposes.
Another option is WordPress (read our WordPress review). If you already have a WordPress installation on a custom domain, you just need to install the Instapage plugin and log in with your Instapage credentials. The same applies for Drupal.
Instapage is a great tool for businesses looking to build professional landing pages without hiring a developer. Itâs easy to use, relatively cheap, has tons of features and comes with a free trial. The tool is crammed with functions, but doesn’t feel oversized or too complex. It appears clearly and intuitively.
Whether you want to track your conversion rate, perform A/B tests or do rapid prototyping, Instapage will work for you. If youâre still not convinced after reading this article, try the 14-day trial. You wonât need to provide credit card information. If it still doesn’t impress you, check out our articles about potential alternatives, such as SquareSpace, Weebly or Jimdo.
Have you ever tried Instapage? Please tell us in the comments what youâve used it for and which feature you personally liked best.
AddSearch Custom Site Search