Enabler provide best practice advice utilising landing pages within your email marketing templates to B2B and B2C communications, from a multi award-winning email agency.

Posts

If you’ve read our previous blogs or visited our site before, you’ll probably have gathered that Enabler is a piece of email software. However, what you might have missed is that Enabler is more than just your bog-standard piece of email software, sporting sophisticated features which go beyond bulk sending emails. *Cue gasps and other associated shocked noises*

One of these features is Enabler’s Form Builder – you can use this clever piece of kit as a standalone form, embed it into a landing page or website, or use the form as a back-end tool for data capture. To demonstrate how effective these sophisticated Enabler Forms can be, I’m going to showcase a recent example from one of our clients, Real Estate Management UK Limited (REM) – asset manager for The Shard – where we utilised Enabler Forms in their Shard Lights 2017 marketing competition.

The Brief

Driving Engagement for an Iconic London Brand

Since 2014, The Shard has hosted a light show from it’s spire every December, aptly named #ShardLights, to celebrate the festive season. In 2017, Shard Lights introduced five colours into its show, rotating one per day with an array of visual effects including gradients, patterns and sparkles. These visual light effects occurred every 15 minutes, with an extended display on the hour which transformed The Shard into a spectacular visual timepiece for London.

Now, Enabler’s offices are based literally around the corner from this stunning London landmark, but not everyone is lucky enough to have such natural daily exposure to this amazing light show.

So, to ensure maximum engagement with The Shard during this time, the REM marketing team wanted to run a photography competition to encourage the public to take pictures of The Shard’s light show and share online using the hashtag #ShardLights.

As an existing Enabler client, the marketing team at REM gave our campaign management team the task of creating an engaging campaign with the following key requirements:

  • Hosting the photography competition
  • A way of collecting entries and associated entrants information
  • A trigger email going out post competition submission to recipients

 

 

Our Solution

We decided that the best way to achieve the goals laid out in the brief, would be to build a standalone landing page within Enabler which hosted the photography competition. We would then create a built-in Enabler form within this landing page, which would trigger an email to the recipient when completed to confirm that their entry had been received.

The Design and Build

For such an iconic London landmark, the design for the landing page was incredibly important. Our team of designers had to ensure stunning imagery of The Shard, provided by the REM team, was being used whilst also making sure all the relevant information was clearly visible on the page for entrants.

Here is the template webpage design before our specialists started the more sophisticated build:

When translating this design into the build, our developers took the simple static images within the email and transformed them into parallax scrolling images – this allowed us to display the full images without taking up too much real estate on the webpage.

The most important factor our development team focused on was ensuring the form on the frontend of the webpage was linked properly to the form on the backend of Enabler.  The REM marketing team were utilising Enabler’s database to house and access the data from submitted entries – so making sure the forms were linked was vital.

 

Using Enabler Forms for Data Capture

Enabler forms are extremely effective for data capture, allowing you to embed forms onto your website that connect directly into your marketing database. There are two main ways you can embed Enabler forms within an external system.

The first and simplest way is iframing, which involves taking a snippet of code that looks like this:

<iframe src="https://ue.enablermail.com/realestatemanagement/frm/index.cfm?id=A480A319-7983-4C4B-993D-E97064B7C7A5" width="750" height="500"></iframe>

You then embed this code within your desired webpages, which then displays your form exactly as it appears within Enabler – including Enabler’s styling and layout. This, however, wasn’t an option for the Shard Lights web build, due to the beautifully bespoke styling that was required from the form’s design.

Instead of iframing, we used the alternative method of embedding and Enabler form, which is the ‘Form post’ option.  Now, this is a much more technical way of approaching form submissions, but it does mean you can style your Enabler form exactly as you want on the frontend of your website.

 

Now For The Technical Bit…

To make ‘Form posts’ work, you have to tell your form to post submissions to Enabler’s servers. Each individual form field will have an ID associated with it, but all these fields will be stored in the same place in Enabler ensuring you can review and pull all the required data out at once. I’m not going to go into the super technical stuff because a) I leave that to my developers and b) you don’t want to hear it!

Once someone submits a form post, the message (seen below) displays on the website.

However, we also wanted to ensure that each entrant would receive an email confirming their submission as well (for added peace of mind that we had received their entry). To this end, we also triggered an email to go out each time a form submission was received, (as shown below), letting entrants know when the competition closed, and by what date they would be notified if they had won the competition. It also encouraged a social push for the competition for maximum social media traction, using the hashtag #ShardLights.

 

So, it’s all very well collecting this data and all these (hopefully) stunning images, but where would they all be stored? Now, usually with form submissions you go into the form, run a report and it shows you a list of text entries and what those entries said – however for a photography competition, we had to develop something a little different to display images…

If you’re sitting there thinking…”hang on that looks just like Enabler?”, then you’d be absolutely right. Our development team have created a bespoke image gallery where the REM marketing team were able to view all the images submitted at once (making it easier to select a winner), while also allowing them to click into each individual picture to see all of the details of the person who submitted the photograph.

Outcome

The competition ran from Monday 4th December 2017 until Sunday 7th January 2018, and received a total number of 871 entries. Some of the photos were absolutely stunning, and to be completely honest, some of the entries were basically close up selfies of peoples faces, but all in all we have some fantastic photographers out there parading the streets of London, and I don’t envy the REM Marketing Team having to pick a winner!

We had a fantastic time doing this project, it’s always great for our email team when we can really push Enabler’s functionality in ways that people wouldn’t expect from email software, helping our clients deliver beautiful emails alongside websites that really help them achieve their marketing goals.

Engagement levels like this also go to show the impact well thought out, well designed data capture forms can have on your marketing campaigns, and goes to show the importance of combining your data capture with your email marketing campaigns.

 

If you like what you’ve seen here or want to learn more about form functionality, please drop our Enabler team an email and we can talk about your next exciting project.

So, you’ve got your awesome email and you know what you want people to do when they receive it, but you could do with something to give them a final push to take action – that’s where landing pages come in!

What is a Landing Page?

In a nutshell, it’s a purpose-built page on your website with dedicated content which can be accessed directly via a link. Because the content for your landing page is usually unique to your marketing campaign, whether it’s a point of entry for a competition, a data capture form or a link to a unique discount code, your landing will normally sit separate from your main website. One big advantage of having a separate landing page for your marketing campaign is this ability to hide it from your main navigation, as it gives you full control over who has access to this exclusive content.

Now, because your landing page is hidden from public view, you need to being actively driving traffic directly to the page to encourage engagement. Whether it’s a link within an email campaign, PPC campaign or social media campaign, you want to ensure whatever channel(s) you choose to drive traffic will maximise exposure and engagement for your well-designed landing page.  The more relevant the landing page content is to your audience, the more likely they are to follow your call-to-actions, thus increasing your conversions. Having a specially-designed page is more likely to be effective than sending them to your main website, where they may struggle to find the promised content.

Additionally, many of our Enabler clients find that having a bespoke landing page is the most efficient way of getting a marketing campaign launched quickly.  It can often take months for changes to be made in-house to company websites due to IT backlogs, so having the ability to create dedicated landing pages yourself within Enabler is far more efficient.

 

So, what does a “well-designed landing page” look like? Let’s talk guidelines for setup and creation:

 

What is the Aim of Your Landing Page?

You’ve designed your bespoke landing page, so now the first thing you need to decide is – What is its purpose?

Generally speaking, this falls into one of two categories:

  • Generating leads for future marketing
  • or to encourage click throughs

Data Capture and Lead Generation

This type of landing page is designed with the intention of capturing your audiences’ data.  You could use this type of page to gather new consumer data or to build more detailed profiles of your existing audience base.  Alternatively you can use data capture forms to help you personalise your future marketing campaigns based on the consumer feedback.

A typical data capture landing page includes a form to complete (obviously), and more often than not include an incentive which will encourage people to complete the form and give you their information. This incentive could include exclusive content or offer, such as white papers or discount codes.

“Why would you want to capture more detail about your existing customers”, we hear you ask – well, the more you know about your customers, the better your campaigns can be, and the better your conversions.  So something as simple as “Let us know your birthday so we can spoil you on the day!” is a great way to offer an incentive while gathering valuable data.

Data Capture Landing Page Example:

This is a great example from our friends over at Salesforce – (as we’re a Salesforce partner this might be a little biased, but this really is a great example of an effective, well-designed landing page).

Why do we like this landing page?:

  • Minimal copy, well styled and bullet-pointed list ensures the overall page isn’t cluttered and is easy to skim read.
  • Check out those security badges below the form. It’s never a bad idea to assure potential customers that the data they are about to share with you is safe.  This can often be a massive issue with some standalone landing pages, as it’s very difficult to prove the landing page belongs to the company it’s advertising.
  • Eye catching content. Having that blue background on the data-capture form really makes it stand out, which will help drive engagement.
  • Catchy headline. Having a buzzword like ‘lightening’ makes it sound like it won’t take very long, which again helps to drive engagement.

Landing Pages to Drive Click-Throughs

This sort of landing page designed to encourage clicks often forms part of the e-commerce sales funnel. The page content is likely to be product information to warm the visitor up to the idea of buying the item(s), with a call-to-action click-through that takes the visitor to the purchase point.

Click-Through Landing Page Example:

Now as a general rule I’d always have the models looking at the copy they’re promoting, but this little guys face really sells the whole thing either way. ‘What else is good?’ I hear you ask:

  • Another cracker of a headline here. “Most Trusted” – having a snappy statement like this gives kudos to your brand and builds trust with the consumer.
  • The tick bullet-points makes the benefits clear and easier to understand than having them in a block paragraph.
  • The call-to-action button is clear and stands out (bright yellow will always do that!)
  • Mobile-friendly – The phone number in the top right is a click-to-call, making it super easy for viewers to contact Nationwide.

All in all, great job!

Designing Your Landing Page

Although we’ve mentioned that a landing page usually sits separately from your main site, you ideally want to ensure that it still reflects your branding and styling of your main website/ This way your online presence is consistent, offering visitors a seamless journey that doesn’t feel separate or disjointed from your brand.

It’s also important that visitors experience “message match” – meaning that the content on your landing page should reflect the message content they clicked.

Here’s a great email example that our Enabler designers created for our client Ralph Lauren recently:

Ralph Lauren’s Email:

As you can see, there’s a nice clear call-to-action for recipients ‘explore their gifting lookbook’, and the email content portrays the stylised content of the Ralph Lauren brand. So, what did this email link take you to…?

The Landing Page We Designed:

Anyone clicking the email link is taken to a dedicated landing page, hosted separate from the Ralph Lauren website, where you are greeted with a brief explanation of how the landing page’s ‘lookbook’ works.  The ‘message-match’ of the landing page mirrors the styling of the email perfectly, matching fonts and colours.

After closing the greeting box, visitors get to explore the promised lookbook – an interactive landing page experience:

Fully Interactive Landing Page:

The Ralph Lauren website wasn’t available for this campaign, so our designers had to fashion (see what we did there?) a bespoke landing page hosted separately on our Enabler servers.  This interactive landing page had lots of fun animated elements to make it appealing and engaging, and was a fantastic way to help showcase Ralph Lauren’s products separate from the Ralph Lauren website. This interactive element makes it a really great example of making the most out of your landing page.

Don’t Forget To Track Your Landing Pages

It’s all very well getting people clicking through to your landing page, but all that work is for nothing if they drop off without actually engaging with the landing page content. How will you know if people clicked through but then dropped off? How I hear you ask? Tracking! You can optimise your page using the same tracking you would use on your website (e.g. Google Analytics) to get all of this information.

What Next?

If I’m being completely honest, the best thing for you to do before putting a landing page together is come and speak to our team. We build landing page campaigns for global brands every day, it’s our bread and butter.

If you would prefer to build your own landing page, here’s a quick checklist of things to remember:

  • Keep your messaging consistent
  • Bright, clear CTA’s
  • Don’t overcrowd the messaging
  • Prove it’s a safe and secure site for gathering data
  • Make the benefits of signing up clear
  • Tracking, tracking, tracking

Happy landing paging!