Code Snippet : Zoho Subscriptions Widget
Landing pages play a crucial role in driving customer engagement and conversions. To maximize their effectiveness, it's important to provide a clear and compelling course of action for visitors. By adding the Zoho Subscriptions widget to your landing page, you can provide a seamless experience for your visitors to sign up for your subscription-based service or product.
First, let's walkthrough the process of creating a Zoho Subscriptions widget.
Creating the Zoho Subscriptions widget
1. In your Zoho Subscriptions account, click on Products.
2. Click + New to add a new product in Zoho Subscriptions.
2. Click + New to add a new product in Zoho Subscriptions.
3. Enter the necessary product details and click Save to add the product to Zoho Subscriptions.
4. Once the product is added, click Add Plan to add a subscription plan for the product.
5. In the Add Plan window, enter the pricing, plan description and features of the particular subscription plan. Don't forget to select the Include in Widget checkbox. This ensures that all the plan information is displayed in the widget. Click Save to save the subscription plan.
6. Click Share Hosted Payment in Plan Details to add the payment gateway for the subscription plan.
7. Choose the preferred payment gateway for the plan and set it up. Users will be redirected to this payment gateway when they click Subscribe on the widget.
8. Once you have created the subscription plan, click More to open the drop-down menu. Select Embed widget from the menu to view the code snippet for the landing page.
9. In the Embed Widget window, customize the button label and button color according to your landing page and then click Copy Code. The code snippet will be copied to your clipboard.
Embedding the widget in a Landing Page
1. Open a landing page from your workspace in the builder.
2. Click Insert to open the Insert menu. In the Elements category click on Code Snippet.
3. Paste the copied code snippet in the popup window. give it a name and Click OK to embed the code snippet on your landing page.
3. Paste the copied code snippet in the popup window. give it a name and Click OK to embed the code snippet on your landing page.
4. The Zoho Subscriptions widget will be rendered only in the published landing page. Users can only view where the code snippet will appear in the builder.
5. In the published landing page, users will be redirected to the corresponding payment gateway when they click on the Subscribe button.
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Code Snippet
Use the Code Snippet Element to insert widgets and script from source providers to your site. To add a Code Snippet to your page, Click +Insert on the top left corner in your builder or hover over the section where you would like to add an element ...Integrating Zoho CRM with a Landing Page
Zoho CRM is a robust and powerful tool that can help you level up your customer relationship management game. Zoho CRM is the tool you need to make sure that you seal the deal on leads through efficient, smart, and enriching customer relationship ...Integrating Zoho Campaigns with a Landing Page
Zoho Campaigns is the tool you need to ramp up your customer engagement strategy. Once you start generating leads with your skillfully crafted landing pages, follow it up with engaging email campaigns with the help of Zoho Campaigns integration. Send ...Integrating Zoho Marketing Automation with a Landing Page
Zoho Marketing Automation is an automation software loaded with tools that help you create, organize, and manage all your marketing activities. Marketing Automation has tools for every step of your marketing process. This all-in-one tool helps you ...Zoho Bookings
Integrate with Zoho Booking to enable your customers/visitors to make bookings straight from your landing page. With the help of calendar sync for you and self-schedule and pay option for your visitors, scheduling via Zoho Bookings is smarter, ...
New to Zoho LandingPage?
Zoho LandingPage Resources