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

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

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

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
Barney_Lassen

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

A
Badge

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

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.

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?

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.

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.

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.

Reply


Terms & ConditionsCookie settings