First steps
User Data
- Responsive Email Editor Review
- Designing your email
- Creating Synchronized Modules
- Setting Up Responsive Email Design
- Setting Up Smart Containers
- Creating a Gmail Promotions Annotation
- Adding The Rollover Effect
- Adding Anchor Links
- Module Library
- Adding a Table to an Email
- Adding Custom Fonts
- Creating CTA Button
- Working with Images
- Creating Timer
- Using AI in the Email Editor
- Messenger Protocol Support in Email Clients and Platforms
Omnichannel
- Setting Up Widgets for Your Site
- Widget Calling
- Setting Up Locations for the Widget Calling Rules
- Storing data from widgets to contact fields
- Using Annoyance Safeguard
- Actions After Form Submission
- Replacing Double Opt-In System Workflow
- Creating Pop-ups via Google Tag Manager or WordPress
- Sending Yespo Widget Events to Google Analytics
- Using A/B Tests for Widgets
- Collecting Contact Information Using Request Forms
Automation
- Building and Editing Workflows
- Configuring Workflow Start/Stop Conditions
- Start Block
- Popular Blocks
- Message Blocks
- Using One from Many Message Block
- Contact Blocks
- Conditions Blocks
- Other Blocks
- Message to Segment Blocks
- Time Blocks
- Advanced Workflow Block Parameters
- Setting Up Allowed Send Time
- Using Workflow Launch History
- Webhook Workflows
- Workflow Troubleshooting
- Double Opt-In
- Welcome Сampaign
- Welcome Series Segmented by Category
- Launching a Workflow After a Contact Import
- Regular Workflow for a Segment
- Birthday Campaign
- Linking Workflow to the Button
- Using Variables from Order in Workflow
- Collecting Order Feedback
- Customer Reactivation
- Sending Extra Campaigns
- Sending Reminders at the Time Specified by the User
- Sending Campaign to Those Who Did Not Open the Previous One
- Using A/B Tests In Workflows
Personalization
Analytics
- Email Campaign Report
- Web Push Campaign Report
- Viber Campaign Report
- Mobile Push Campaign Report
- App Inbox Campaign Report
- Telegram Campaign Report
- In-App Report
- Widget Report
- Triggered Campaign Report
- AMP Campaign Report
- SMS Campaign Report
- Multilingual Campaign Report
- Setting up UTM Tags
- Revenue from Campaigns
- Tracking Campaign Performance in Google Analytics 4
- Message Analytics
Multilanguage Campaigns
Events and Behaviour Tracking
Recommendations
API
Security and Compliance
Price and Discount Blocks
Use the following blocks in the Yespo editor as additional components of the Products block:
-
Price — synchronizes the price with the website, allowing you to distinguish between the current price and the old one.
-
Discount — clearly shows the benefit to the user in percentage.
Using these blocks together makes the offer more attractive, as subscribers can immediately see the benefit and the amount of savings.
Important
The Price and Discount blocks are available when you have at least one order in your account.
Blocks Configuration
Drag the blocks to the pre-created product card and click on those you want to edit — a settings panel will open on the left.
Price Block
You can change the following settings in the block:
Show old price
This is the default option. Deactivate the slider to display only the current price.
Distance between prices
Set the distance between the price and old price in pixels. The maximum value is 20 px.
When selecting the Maximum option, the prices within the block will be spaced as far apart as possible.
Alignment
Set the alignment of the prices to the left, right, or center.
Price
You can set the following options in the Price and Old price sections:
-
Color, size, and font style.
-
Positioning the old price in relation to the new price: left, above or below.
Currency
Specify the font size separately in pixels, or match it to the price size.
Note
If the prices' text sizes are different, changes to the currency font will only apply to the Price.
Paddings
The Paddings options allow adjustment of space around the desktop or mobile versions.
You can set all margin values at once or individually for each side of the block. The maximum value is 40 px.
To set up the individual value for each side of the block, enable the More toggle and set the value.
Click on the smartphone icon to set the paddings for the mobile version.
Discount Block
Changing the settings is similar to the Price block.
You can configure the following block settings:
-
Alignment
-
Font size and style
-
Text color
-
Background color
-
Rounding corners
-
Internal and external paddings around the block for mobile and desktop versions
Saving the Product Card
After making changes, save the product card with the blocks as a separate module. Learn more >
