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?
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.
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.
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
Embed AMP compatible Javascript, CSS, and HTML using AMP compatible components to customize your page functionality.
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.
Page 1 / 2
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.
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.
And to answer your next question, you’re right, AMP only impacts mobile pages, so desktop traffic will not be impacted.
Hope this helps! 🙂
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?
That’s correct! The mobile version will appear if you’re sending traffic from sources that aren’t included in AMP supported sources.
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. 😉
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:
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
Oi Carlos, estou te mandando uma mensagem privada para te ajudar melhor. 🙂
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
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?
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
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?
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?
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.
@Brian_Burns Possible to help with my last question?
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?
The most important thing is that your AMP pages can be indexed by Google.
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:
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.
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.
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.
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.