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:

• Stripe
• Stripe WP Plugin

The Series So Far

• Part 1
• Part 2
• Part 3
• Part 4
• Part 5
• Part 6
• Part 7
• Part 8
• Part 9
• Part 10
• Part 11
• Part 12
• Part 13
• Part 14