New Year, New Open Beta: Introducing Accelerated Mobile Pages (AMP) in Unbounce

stephfung

2019 is the year of page speed and we’re kicking off with a new open beta release! If you have a Premium or Enterprise account, you can now build lightning-fast AMP pages in Unbounce.

What is an AMP?

Accelerated Mobile Pages (AMP) are near-instant, Google-approved landing pages that load up to 85% faster than regular pages. Get higher mobile engagement and increase conversions with AMP.

How does it work?

  1. Turn it on. Join the AMP beta by logging into your account and going to Labs on the left hand side control panel. Then select Enable Amp Beta and Update Settings. A new option will then appear in the navigation menu that goes to the AMP builder.

  1. Build it. Building an AMP is exactly the same drag-and-drop experience as a regular Unbounce landing page. Start with a template, build from scratch, or copy contents from another page.

  1. Validate and publish. Once you are happy with your AMP design, save your page and return to the page overview. From there, you can publish and validate your page using the link to the Google AMP validator tool. Preview is currently not available in beta, so we recommend that you publish to unbouncepages.com and validate before publishing under your domain.

What functionality is available in the beta today?

Build AMP pages with Unbounce’s drag and drop builder

  • Instead of learning AMP HTML, you can build build fast-loading AMP pages and see the benefits immediately with a page builder made for marketers, not developers

Convert content from your Unbounce landing pages into your AMP pages

  • No need to recreate the wheel. Copy and paste complete page sections and/or individual elements from your existing Unbounce landing pages and Unbounce will automatically convert it into AMP format for you.

Lead Gen Form Support

  • Embed lead gen forms with support for custom styling and functionality to make your forms look the way you want.

Add AMP compatible components

Integrate with your marketing stack

  • Connect to Google Analytics and your other apps using Unbounce’s native app integrations, Zapier, or Webhooks. At this time, direct integrations to Hubspot and Infusionsoft are not supported as their proprietary integration javascript is not currently AMP compatible.

Who can join the open beta?

HEADS UP! 📣

AMP is available to all customers on Premium and Enterprise plans! To review which plan you are on, click here.

As this functionality is still in the beta phase, while you’re testing, we’re still building. We’ll keep you informed of any updates and improvements during the trial.

Let us know what you think! Post your questions or feedback here. Our team is watching 👀 this thread for your feedback and questions.

35 replies

Brian_Burns
Rank

Hey @alanm,

Sorry for the delay in getting back to you. The issue with links always appearing as blue should be resolved.

alanm

I’ve copied over an existing page into the AMP builder and have settled without some custom script functionality like smooth scroll and sticky nav, but is there a way to remove the text decoration on links so that they aren’t blue? They are orange in the builder, but when I publish the page they show as blue (I’ve used style-“text-decoration:none;” on our normal pages to overcome this.

Ryan

Hi @Mark_H – It’s possible that you could make an AMP version of your WordPress blog post in Unbounce but it wouldn’t be an elegant experience. For your blog post, check out some of the WordPress AMP converters which are more targeted at publications.

Great use cases for Unbounce’s AMP builder are ecommerce, lead gen, social or email landing pages, or anytime you’d wanna personalize multiple versions of a landing page to segment and target different audiences. With Unbounce you’d be looking to trim load time to maximize engagement and ultimately, conversion.

M

Curious:

I currently have a WordPress blog post blah.com/amazing-article

Are you saying I can take that article, dump it into Unbounce’s AMP builder, and have it ready for Google so when people search for it from mobile, it goes to blah.com/amazing-article/amp?

Brian_Burns
Rank

Hey @Andy2,

We just reached out to them again this morning as we still hadn’t heard anything. Will update you asap.

A
Badge

Hi @Brian_Burns, any word back from Google on this question? Thanks.

Barney_Lassen

Thanks, @julien_level, and thanks for the summary of points missing in the beta release. 👍

julien_level
Userlevel 5
Badge +4

hello Barney,

Here is an example of one of our AMP landing page : https://www.eau-pure.fr/sfte-adoucisseur-amp/amp.html
And here is the original LP : https://www.eau-pure.fr/adoucisseur-sfte/

–> it’s in french, but as you can see it looks almost indentical.

Here what is missing for us right now:

  • lightbox (for legal stuff) (it’s coming soon as i heard)
  • a few custom scripts (smooth scroll, back to top, and custom script for the form like verification of the phone number and postal code.

By the way, i’ve noticed that AMP comes with its own sets of translation and validation rules for the form.
Usually, we have to translate in french the error messages, but AMP got them by default and in french.
it’s great but we need to see if we can custom if for french phone number validation.

Julien
Jess
Rank
Userlevel 7
Badge +1

Hey @Barney_Lassen! We do have a few AMP pages built but I don’t have the URLs handy at the moment. As soon as I find them I’ll send them over to you. I know @Joe_Savitch has gotten his hands dirty with AMP pages, he might be able to provide them if he’s free.

Sit tight while I find you some examples!

-Jess

Barney_Lassen

Before jumping into AMP and upgrading our account, I’d love to see an example of an AMP landing page. Does anyone have an example they can share?

Thanks,
Barney

Brian_Burns
Rank

Hey @MattAguirre,

To address your points:

  1. The current of process copy/pasting sections is obviously not ideal. We still have a lot of discovery to do around what the ideal process is and what intermediary steps we can take to get there (download/upload could be one option). In the future AMP could potentially be part of the landing page experience, the way building a mobile version currently is. This Beta will help inform these kind of decisions. This is definitely an area that we will look to improve upon going forward.

  2. Lightbox functionality is not too far away. I’d expect it to be added soon so keep an eye out for updates.

Thanks for the great feedback and please let me know if there’s anything further to clarify.

M

Hello, I think this suggestion has already been made but I would like to restate it because I think it would be a good addition to the AMP Beta. Currently, the only way to create AMP pages is by starting from scratch or copying and pasting sections from an existing Unbounce page. That works just fine, but it would be much more time efficient if I could download an Unbounce page and upload it to the AMP builder, just like normal Unbounce pages. It would be even better if you could take an existing Unbounce landing page and toggle “AMP Mobile” on and off for when you want to send mobile traffic to the AMP version of the mobile page.
Another suggestion would be to add the lightbox function to the AMP builder. I use lightboxes on landing pages fairly often, so this would help to keep the same format as my normal Unbounce Pages.

Brian_Burns
Rank

Hey @Andy2,

We’ve reached out to our Google reps to get a better understanding of how indexing of canonical pages works with AMP and paid traffic. I’ll get back to you as soon as we have a response.

A
Badge

I understand the benefit of creating AMP pages to be indexed by Google, but this particular use case is for landing pages that built for paid traffic, and NOT meant to be indexed by Google. For traffic to these pages, we want to test how much faster load time will improve conversion rate.

As part of that test, I was hoping to do what I had proposed in earlier post:

Will that actually work? Thanks!

Brian_Burns
Rank

Hey @Andy2,

The most important thing is that your AMP pages can be indexed by Google.

G

I’ve started to build an AMP landing page with a form. I have been able to integrate it into Marketo, have been able to link Google Analytics via GTM but one part left is to have a “date picker” for a date field. We have typically done this using Javascript on a custom field to implement the date picking mechanism (For example - date of birth).

AMP have their own AMP Form

Which has its own date picker function in it.

How can I link a field in Unbounce with AMPs datepicker? Or any datepicker for that matter?

Matt

A
Badge

@Brian_Burns Possible to help with my last question?

Brian_Burns
Rank

Hey @bhanukaran,

For now you’ll need to recreate the desktop page by copying and pasting the page sections over into a blank template. You can then link the pages following the instructions.

stephfung

Hi Alex @abonvechio,

I’ll reach out to you in a direct message about your account 🙂

Stephanie from the Unbounce Customer Marketing Team

A

Hello,

Our account is paid, and we are trying to install this beta. However, the beta is telling us we need to upgrade. Can you help us troubleshoot?

Thanks,

Alex

B

Hi, I am not sure if this specific question has been asked. There is an option of building the AMP pages from the scratch and what if i want to connect the AMP page to a desktop based landing page, how this work. Is there anyway to connect both these together?

A
Badge

Thanks @Brian_Burns. If we have blocked our pages from being indexed by Google, does that need to be a consideration?

Brian_Burns
Rank

Hey @Andy2,

You will need to add the link to both variants of the page. Due to the way Google indexes pages it is the only way to guarantee you get the benefits of AMP.

Brian

A
Badge

Let’s say we have a non-AMP page with two variants, and we only link to the AMP version from one of those variants, which is eligible to receive 10% of traffic. Would only that 10% of traffic to the page be redirected to the AMP version, with the 90% going to the other variant remaining with the non-AMP version?

Brian_Burns
Rank

Hey @Stef36,

Unfortunately the Hubspot and Infusionsoft integrations both rely on Javascript, which is not allowed on AMP pages so they are currently disabled. In future there may be a way to support them with valid AMP code but in the short-term they will not be available for Unbounce AMP pages.

Brian

Reply


Terms & ConditionsCookie settings