Check out my latest project called Rails UI 🎨

March 15, 2017

How to Design and Code a Product Landing Page - Part 15

In Part 15 I carry on adding the eCommerce functionality inside the product landing page. I make use of a stripe WordPress plugin which allows you to output a fully integrated and configurable Stripe form on your website.

There are a few things to know about the plugin in which I walk you through in this screencast.

As with most plugins, I come across there is some tweaking to be done. The second half of the video is dedicated to restyling the default Stripe button that comes bundled with the plugin.

Restyling the Add to Cart Button

I ultimately had to rework our SVG implementation to be a background image for a span tag near the new stripe button. The shortcode itself echoes a full-fledged form which makes adding the SVG near impossible.

If you decide to make use of the same plugin be sure to check out the documentation so you know what parameters to configure.

Useful Links:

The Series So Far

Leave a reply

Sign in or Sign up to leave a response.

0 responses

Est. reading time: 1 minutes
Stats: 656 views



Part of the Design & Code a Product Landing Page collection