Andy from Webcrunch

Subscribe for email updates:

Portrait of Andy Leverenz
Andy Leverenz

March 15, 2017

Last updated November 5, 2023

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

Link this article
Est. reading time: 1 minutes
Stats: 1,033 views

Categories

Collection

Part of the Design & Code a Product Landing Page collection

Products and courses