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


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

Badge

Thanks very much! Just want to make sure I’m 100% clear here. If we send mobile traffic to our landing page from a source that is NOT on the list of platforms/vendors that use AMP, then the non-AMP page would be used?

Userlevel 3
Badge +1

Oi Carlos,

se você estiver em uma conta Premium ou Enterprise, você deve estar vendo AMP na seção LABS de sua conta. Se sua conta não tiver sido atualizada imediatamante após clicar em “Enable” e depois “Update Settings”, dê uns 30 segundos, atualize a página, que você deverá ver na lateral esquerda do navegador. 😉

Userlevel 3

Oi Carlos, estou te mandando uma mensagem privada para te ajudar melhor. 🙂

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

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.

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.

Hey @Andy2,

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

Userlevel 7
Badge +1

Hey @Stef36! I’m glad you brought that up. I took a look at the HubSpot community to make sure I’m not missing any workarounds that I’m not aware of, and from what I gather, you can enable AMP pages within your HubSpot blog, but currently AMP doesn’t support landing pages or other pages outside of the blog.

We’ll definitely be keeping an eye on HubSpot product updates to see if anything changes, but in the meantime Unbounce AMP pages are unable to support HubSpot integrations.

Hope this helps a bit!

-Jess

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?

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

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.

Hey @Andy2,

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

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.

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.

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

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

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.

Badge

How do the AMP and non-AMP versions of pages work together? If we send traffic to a non-AMP landing page that is linked to an AMP landing page, would the AMP landing page load instead? Or do we need to send traffic directly to the URL of the AMP version?

Also, I assume that this only applies to traffic from mobile devices? Will desktop always load as the non-AMP version?

Thanks,

Andy

Em minha conta ainda não está disponível.

Userlevel 7
Badge +1

Hey Andy, good question!

If you connect your landing page with the AMP version of that page, all mobile traffic from supported platforms (like Google search, Twitter, etc.) will be sent to the AMP version of your landing page.

Here’s a full list of platforms and vendors that support AMP: https://www.ampproject.org/support/faqs/supported-platforms

And to answer your next question, you’re right, AMP only impacts mobile pages, so desktop traffic will not be impacted.

Hope this helps! 🙂

Userlevel 7
Badge +1

That’s correct! The mobile version will appear if you’re sending traffic from sources that aren’t included in AMP supported sources.

Hi there,

I am using the HubSpot integration in my non-AMP pages, however this is still missing in the AMP page builder. Are you planning to add this integration with the next deployments?

Thank you!

Meu plano é premium e não aparece:

Screen Shot 2019-01-09 at 09.00.03.png

Badge

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

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?

Reply