⭐ Available in the following bundle: Conversion Bundle (incl. in Growth, Scale)
⭐ Available on the following plans: Business
👀 Not sure which plan you're on? Check your subscription here.
Let your visitors complete purchases directly from your funnel with the Solidgate Checkout block. Integrate payments and transactions with ease, making the entire process secure, convenient, and hassle-free for your heyflow visitors. Let flow visitors complete one-time purchases without leaving the site!
❗Are you currently trialing Heyflow? For security reasons, this feature is not available during the trial period. If you have any questions or need support, feel free to reach out via the chat or email us at [email protected].
❗Important: The Solidgate Checkout Block is only visible in live mode and the published flow, but not in the edit mode.
How does it work
The design of your Solidgate block depends on your Solidgate presets. You can select from different Solidgate presets in the “Appearance” tab in the block settings.
For security reasons, you can only set one amount per checkout block. If you would like to add multiple checkout options with different amounts to your funnel, we recommend, including multiple pages with Solidgate checkout blocks and routing your flow visitors to the applicable one with conditional logic.
For now, the Solidgate checkout block only accepts credit cards. Other forms of payment (e.g. PayPal, Bank Account) cannot be used.
Moreover, we don't support the block inside embedded flows yet.
❗ Please note: This feature will initially be released as a Beta version, providing Heyflow customers with free access. Please note that in the future, we may introduce a revenue share or flat fee pricing structure.
Initial setup of Solidgate Integration
Click on your initials in the top right corner to open your Account settings and go to “Integrations”.
Select “Add integration” and a pop-up window will appear. Here you need to select Solidgate.
You will be prompted to enter your Solidgate credentials to authenticate your account:
Name: Give your integration a name. This helps you to identify the account if you use multiple accounts.
Public Key: Insert your public API key from Solidgate. You can find it under Developers > Channels > Channel Details.
Secret Key: Insert your API secret key from Solidgate. You can find it under Developers > Channels > Channel Details.
Now that you have connected Solidgate, you can add the Solidgate checkout block to any funnel!
Update the Content
After clicking on a building block, you’ll find the Content section on the right.
First, update the Button label you'd like to show to the users. Finally, specify the Success message, which is the text displayed to users once their payment has been completed successfully.
🔎 The Solidgate Block button color is always the Solidgate color: #18c95f
Change the Settings
After clicking on a building block, you’ll find the Settings section on the right. This is where you can customize the block’s style, appearance, and behavior to tailor it perfectly to your flow.
General
In the General settings, you can configure all details related to processing payments. First, select the Solidgate account you want to connect.
Then choose the currency for the transaction and choose from the list:
EUR (€), USD ($), GBP (£), CHF, ILS (₪), AUD (A$), CAD (C$)
Next, define the price of the payment. Also, an order description is required. Enter your description under the general settings.
❗ Important: Keep in mind that any change to the price takes effect immediately and updates the published flow without delay.
Google Pay
When enabling Google Pay, you need to insert the required Google Pay Merchant ID. This is the ID from Google Pay & Wallet Console: https://pay.google.com/business/console/BCR2DN..
Optionally, you can also insert the Merchant Name, which is your business name shown during Google Payment checkout.
Then choose the button color and choose from the list: Default, Black, White. Also, choose the button type from the list: Pay, Buy, Checkout, Order, Plain, Subscribe.
This payment option will then automatically appear for mobile visitors who have Google Pay set up on their devices.
Apple Pay
🔎 Apple Pay will be available only for custom domains and it will require a verification of customers' domain in Solidgate's HUB. Learn more here.
When enabling Apple Pay, you need to insert the required Merchant Name (Business name shown on Apple Payment Sheet) and Merchant Domain (Domain used for Apple Pay verification).
Then choose the button color and choose from the list: Black, White, White Outline. Also, choose the button type from the list: Pay, Buy, Checkout, Subscribe, Plain, Add Money, Order, Reload, Set Up, Top Up, Continue.
This payment option will then automatically appear for mobile visitors who have Apple Pay set up on their devices.
To enable Apple Pay in your Solidgate Checkout block, you additionally need to follow these steps:
In your Solidgate Dashboard, go to Developers.
Under Apple Pay Domains, add the domain of your funnel.
After adding your domain, it automatically gets verified and Apple Pay is enabled on that domain.
❗ The Apple Pay button won't be shown in the Heyflow preview. To test it, always refer to live version of your flow on the domain you've verified.
Navigation
Under Navigation you can select what happens after the Solidgate payment:
Next page: Go to next page in order
Go to page: Choose a specific page
Redirect: Navigate to another webpage
Submit: Submit the form
Advanced Conditional Logic: Define advanced rules to navigate users
Appearance
Select a background color for the block. In addition, choose a different Solidgate Theme, e.g. Default, Card, Inline or Flat Theme.
❗ Important: The language of the block adjusts automatically depending on the user's browser language.
Visibility
Set the block’s Default Visibility to show only on mobile, desktop, or hide it completely. Alternatively, you can set up a Conditional Visibility. This lets you decide based on which rules a block should appear.
🔎 Learn more about controlling Block Visibility here.
Spacing
Control the block’s layout by adjusting its width (S, M, L, or maximum) and setting the block's padding from the top, bottom, left, and right.
Labels & Variables
System Labels define how your data is stored and organized.
Tracking
If Tracking is activated for that block, you can give the successful payment an event name that will be sent to your connected tracking tools. You can find more information about tracking here.
Best Practices & FAQ
❓Can I use different currencies?
❓Can I use different currencies?
Currently, the block supports EUR (€), USD ($), GBP (£), CHF, ILS (₪), AUD (A$), CAD (C$). You can select your preferred currency within the block settings.
❓Do I need my own Solidgate account?
❓Do I need my own Solidgate account?
Yes, a Solidgate account is required. All payments are processed securely through your connected account, giving you full control over your funds.
❓ Does this work with Solidgate subscriptions?
❓ Does this work with Solidgate subscriptions?
Not at the moment. This block currently supports one-time payments only.
❓ Are payments secure?
❓ Are payments secure?
Absolutely. All transactions are handled by Solidgate, which uses industry-standard encryption and security measures to keep payments safe.
⭐ Use in stand-alone flows only
⭐ Use in stand-alone flows only
The Solidgate block currently works only in stand-alone flows. Embeds are not supported.
⭐ Be transparent about costs
⭐ Be transparent about costs
Display the price, currency, and any additional fees before the payment step.