Create a pricing page for a single product
Create a sleek pricing page for your product, highlight the best offer and display features comparison, to help you customers make the best purchase decision.
Easyoffer can also be used to create a pricing page for your specific product. This allows you to display all its variants on a single page, highlight the best offer, and then embed the pricing on your website. There are two ways to create a pricing page for a single product: you can import it from Easycart or add it manually. Check out the tutorial below for more details.
Importing a product from Easycart
The easiest and most convinient way to create a pricing page for a single product is to import the one, already published with Easycart. Here's how you can do it:
- Go to the Offer pages tab in the Easytools panel.
- Click +New offer page.
- Open the Import from Easycart tab
- Click Get products
- Choose a product from the list
- Decide if you want the product to stay synchronized with Easycart
- Click Import data.
If you decide to keep your product synchronized with Easycart, you won't be able to edit some details of the product variants, as certain fields will be inherited from Easycart product, such as the price. You will also be able to create only one pricing page for this specific, synchronized product.
Manually adding a product
Another option is to manually add product variants to your pricing page. To do so:
- Go to the Offer pages tab in the Easytools panel.
- Click +New offer page.
- Click +Add first variant.
- Set the details of your variant.
- Click Save.
This process is similar to manually creating a storefront for multiple products, but instead of adding different products, you add various variants of a single product, such as different ticket types for one online event.
Please remember that if you want your pricing page to be fully functional, you need to include buy links to your manually added variants to enable purchases.
Editing price variants
When you already have some variants in your Price variants list, you can edit them to, e.g. highlight specific details or add a special offer.
To edit variant details:
- Go to the Price variants tab.
- Click ... on the tab of the product you want to edit.
- Edit the details of the product.
- Click Save.
The variant details that you can edit include:
- Price - the current price of your product.
- Promo price - the higher price, that will be crossed out and displayed next to the main price.
- Currency - we recommend using a three-letter currency code, such as USD
- Buy link - link that directs customers to checkout
- Badge - additional information that will be displayed at the top part of the product card
- Description - any additional details about your product
- Bullet points - list of positive and negative features
- Image - upload an image that will be displayed on your product’s card
- Action button label - e.g., Choose or Purchase
You can also add additional categories to your price variants list. Simply click the Folder icon, name your categories, and organize your variants. This option can help you, for example, display different variants for monthly and annual subscriptions.
Customizing pricing page layout
Now let’s explore different layout options to display your product variants in the most effective way. Here’s how you can edit the pricing page layout:
- Go to the Layout tab in the top menu.
- Choose the Layout that works best for you - for pricing pages, we recommend Magnified or Basic layout
- Decide if you want to let users toggle between different layouts.
- Decide if you want to display a footer (we appreciate if you do so!).
- Add an additional button at the bottom of your storefront by entering the Bottom button label.
- Add a link to the Bottom button link field.
- Edit the default CTA label for product cards.
- Edit the default Header for features list.
- Click Save.
Adjusting pricing page header
To make your pricing page sleek and appealing, you can edit its header by going to the Header tab.
There, you can add a Title and Subtitle, upload a Main Image, and choose the header layout—pick from Standard and Business card layouts and preview them to decide which one will work best for you.
You can also adjust the main image position and display details. It’s also worth adding links to your social profiles. You can do this in the Social Media tab by clicking ... next to the icon of the social profile you want to display.
All changes you apply will be visible on the preview in real time.
Customizing pricing page styles
Finally, let’s adjust the overall styles and look of your pricing page to ensure it aligns with your website, especially if you plan to embed it. Here’s how you can do it:
- Go to the Styles tab in the top menu.
- Choose one of our predefined Themes.
- Or, adjust all colors manually in the Colors section.
- Choose a Font family.
- Adjust the Title text size and Subtitle text size.
- Click Save.
You can later freely update those details anytime, even after publishing your pricing page and embedding it on your website. We will implement any changes as soon as you click Publish.
Publishing your pricing page
Now, that your pricing page is ready, you can publish and embed it. Just click Publish and Copy link or Copy embed. Learn more about sharing and embedding your pricing pages, here.