The team at Webistry put together a step-by-step tutorial on how to quickly send traffic from your Unbounce landing page to your Woocommerce checkout. Webistry has a ton of experience with ecomm landing pages, with samples of their work featured in the Unbounce Ecommerce Lookbook.
Here’s a link to the lookbook for some more ecomm inspiration.
Without further ado, scroll on for a quick guide to connect your Unbounce landing page to your Woocommerce site.
Locate your product ID in Woocommerce, (here’s an article that explains how to find it)
Create a permalink using the following template:
- Template: www.enter-your-domain-here.com/checkout/?add-to-cart=product-ID
- It will look like this:
Drag and drop the Button widget onto your Unbounce landing page
Select “Go to URL” as your action, paste your permalink in the URL field, tick the box “Pass through URL parameters”, under “Target” select “Same tab or window”
Style your CTA button
Copy paste your button in other sections where needed
Boom, you’re done
Want to take your Unbounce landing pages + Convertables™ to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks