Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mastering WooCommerce

You're reading from   Mastering WooCommerce Build, customize, and launch a complete e-commerce website with WooCommerce from scratch

Arrow left icon
Product type Paperback
Published in Apr 2024
Publisher Packt
ISBN-13 9781835085288
Length 352 pages
Edition 2nd Edition
Concepts
Arrow right icon
Author (1):
Arrow left icon
Patrick Rauland Patrick Rauland
Author Profile Icon Patrick Rauland
Patrick Rauland
Arrow right icon
View More author details
Toc

Table of Contents (20) Chapters Close

Preface 1. Part 1: Exploring the essentials of an ECommerce Store FREE CHAPTER
2. Chapter 1: Installing WordPress and WooCommerce 3. Chapter 2: All About Configuring Products 4. Chapter 3: Organizing Products 5. Chapter 4: Attracting Traffic with Search Engine Optimization 6. Part 2: Managing an Online Store
7. Chapter 5: Managing Sales Through WP Admin 8. Chapter 6: Syncing Product Data 9. Chapter 7: Configuring In-Store POS Solutions 10. Chapter 8: Using Fulfillment Software 11. Chapter 9: Speeding Up Your Store 12. Part 3: Customizing the Appearance and Functionality of Your Store
13. Chapter 10: Setting Up Your Theme 14. Chapter 11: Customizing the Product Page 15. Chapter 12: Building a Landing Page 16. Chapter 13: Creating Plugins for WooCommerce 17. Chapter 14: Next Steps with WooCommerce 18. Index 19. Other Books You May Enjoy

Adding e-commerce to a landing page

Our landing page is looking pretty good. Now that we’ve done a good job of showing off our awesome product with different types of content, we just need to give viewers a way to purchase the product. There are a couple of ways to do this: we can use the Featured Product block, we can add an Add to cart button to the page, or we could also use the One Page Checkout extension.

Let’s start with the easiest method, which is adding a featured product block. Then we’ll look into adding an Add to cart button directly to the page.

Adding a featured product

Before we can let users add a product to their cart, we have to add the product to our store. We don’t have to add every single field, but we need to add enough to display useful information on the landing page.

Let’s add the product first. Follow these steps:

  1. Under Products, navigate to Add New as in the following screenshot:
Figure 12.8: Adding a new product ...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image