How to sell your products or services
The first thing to decide is how you'll sell your products. Envato Sites has two integrations to help you with this:
- If visitors to your website are likely to purchase one item at a time then you can add a simple PayPal "Buy Now" for each item. This allows your customer to checkout with just one click
- If visitors are likely to purchase more than one item at a time or you'd like to add a shopping cart to your site, you can use Gumroad payment buttons.
You can have both PayPal and Gumroad buttons on one website.
We'll show you how to add the payment buttons later in this guide.
Adding a block to showcase Products or Services
Once you know which type of buttons you want to add to your website, you can set up a Products/Services section. To do this, you'll add a new block to your site or utilise a block that came with your template.
Some website building blocks have been specifically designed to display products or services but there are also a number of general purpose blocks that can work well.
Creating a Featured Item or Service
Add the IMAGE OR VIDEO WITH TEXT block to showcase a featured product or service.
Many templates come with this block already. By default it looks like this:
But by adding your own content, adjusting the layout and editing the colours you could have this:
Creating a Services showcase
The TEXT WITH ICONS block allows you to fine tune the size of the featured media. It's great for icons but you can also upload photos or other images of any size or shape.
When you add the block to your site it will look something like this:
It's easy to customize the TEXT WITH ICONS block to give it a brand new look and feel. Here's an example:
Creating a Products or Services Gallery (with buttons)
When added to your site the IMAGES OR VIDEO WITH TEXT block first looks like this:
You can completely change the look by selecting your own colours, background images, text alignment and image sizes. It could look like this:
Customizing a Products or Services block
In this example, I'll start off with the default IMAGES OR VIDEO WITH TEXT block:
Firstly, click on the block to begin editing. A blue highlight will appear around the block and a toolbar will open to the right.
In the "Content" section of the toolbar I'll add a heading and a subheading:
Next, I want to upload my own images to replace the demo photos that came with the template. Scroll down the toolbar and open the "Gallery Items" section. Click Edit to change the first image:
Click Choose a new image:
Click Upload new image or select a previously uploaded image from "Your images".
You could also use the Unsplash integration to find some free professional photography.
When the upload is complete, click the blue back arrow at the top of the toolbar:
Add some Image alt text, a heading, subheading and body (description) to the Gallery Item:
Since this artwork is for sale, I'll also click the +Add new button hyperlink at the bottom of this toolbar section (the blue hyperlink shown above).
Click Edit to modify the button:
Repeat these instructions for all the products or services you'd like to feature in the block.
To add more items to the gallery click +Add new image
To change the styling of the Gallery block, scroll down the toolbar to the Design Settings section.
You can choose to have a solid color background
Or a image background:
Change the color behind the text by selecting an "Item background color"
If you've uploaded images that vary in size you might like to give the Gallery block a cohesive look by choosing a one shape to apply to all:
Once you're happy with the design and content within the block, you can move its position on the page. To do this, use the arrows in the upper left corner: