Code Snippet : Zoho Billings 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 Billings widget to your landing page, you can provide a seamless experience for your visitors to sign up for your subscription-based service or product.
Creating the Zoho Billings widget
- In your Zoho Billings dashboard, click on the Product Catalog tab to add a new product/service.
- In the Subscription Items tab, click on the Add Product button to begin adding your product/service.
- Enter the necessary product details and click Save to add the product to Zoho Billings.
- Once the product is added, click Add Plan to add a subscription plan for the product/service.
- 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.
- 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.
- In the Embed Widget window, click on the Copy Code button to copy the code to your clipboard.
Embedding the widget in a Landing Page
- Click on Add Element to open the elements menu and select the Code Snippet element to be inserted into your landing page.
- Paste the copied code snippet in the Code Snippet window. Give it a name and Click OK to embed the code snippet on your landing page.
- The Zoho Billings widget will be rendered only in the published landing page. Users can only view where the code snippet will appear in the builder.
- In the published landing page, users will be redirected to the configured payment gateway when they click on the Book a Consultation button.