All Collections
Bookings
How to Manage Multiple Widgets for Diverse Business Needs
How to Manage Multiple Widgets for Diverse Business Needs

Guide on mastering CaptainBook.io's widgets: Set up, customise, integrate analytics, and manage payments effectively.

Luca Lattanzio avatar
Written by Luca Lattanzio
Updated over a week ago

This provides a comprehensive guide to using Multiple Widgets effectively across your business platforms. With this feature, you can customize widgets for different experiences and manage them all from a single dashboard. Ideal for businesses operating on multiple websites or collaborating with partners, this manual helps you leverage the Multiple Widgets feature to enhance your booking functionalities.

1. Default Widget and Assignment

This section of our knowledge base guides you through the process of creating and managing your default widget within our system. Widgets serve as tailored booking interfaces on your website, allowing customers to book experiences directly.


Step-by-Step Instructions

  1. Accessing the Widget Dashboard

    • Log into your account and navigate to your dashboard.

    • On the left menu bar, click on 'Channel'. This section is where you manage all your channels and widgets.

  2. Navigating to Direct Bookings

    • Within the channel options, select 'Direct Bookings'.

    • Here, you will see the main window where your widgets are managed. You might see examples like widgets for Sailing Tours or Diving Experiences.

  3. Viewing Existing Widgets

    • Observe how each widget is organized and the different experiences assigned to them. Each widget contains experiences tailored to specific types of tours.

  4. Creating a New Widget

    • Click on 'Add a Widget', located at the top right of the screen. This will initiate the process to create a new booking interface.

    • Provide your new widget with a title and a description to identify it easily. For instance, 'Mixed Adventure Tours' could be used if the widget includes both sailing and diving experiences.

  5. Specifying Widget Placement

    • Specify where the widget will be used in the 'Domain Name' field by listing the websites you intend to link this widget to. Ensuring that the widget appears only on specified domains helps maintain brand consistency across different platforms.

  6. Regular Monitoring and Optimization

    • Regularly review your widgets and their assignments to ensure they continue to meet customer needs and optimize the booking experience.

      Creating and managing widgets is crucial for facilitating direct bookings through your website. By following these steps, you can effectively set up a widget that enhances your customer's booking experience and maintains consistency across your digital presence. Regular updates and reviews of widget settings will help in aligning your online booking interface with business goals and customer expectations.

2. Settings Overview

Understanding and customizing your widget settings are crucial for ensuring your widgets display and function as intended. This section of our knowledge base guides you through the different settings you can adjust and how to manage your widgets efficiently.

Step-by-Step Instructions

  1. Checking Widget Status

    • Go to your widget settings to see the current status of each widget.

    • Widgets can be marked as 'Available' or 'Hidden' depending on whether you want them to be active or not.

  2. Organizing Experiences

    • You can change the order in which experiences or folders are displayed in the widget. This feature is useful for highlighting specific tours or experiences.

    • Navigate to the widget settings and adjust the display order as needed.

  3. Modifying the List of Experiences

    • Within the widget settings, find and click on the 'Select Experience' dropdown menu.

    • To add an experience, check the box next to the experience's name to include it in your widget.

    • To remove an experience, uncheck the box next to the experience’s name to exclude it from the widget.

    • Experiences can be grouped into folders for better organization. Select or deselect entire folders, or expand them to manage individual experiences.

  4. Experience Management Options

    • Click on the three dots beside any experience to access more options:

      • Edit Experience: Modify details of the experience directly from this menu.

      • Copy Link: Copy the link to a specific experience, useful for promotions or direct communications.

      • Generate QR Code: Create a QR code that links directly to the booking page of the experience, ideal for print ads or physical promotions.

      • Preview Widget: Preview how the widget will display a particular experience, ensuring everything appears correctly before it goes live.

      • Show Installation Instructions: Access step-by-step instructions for embedding the widget on various platforms.3. Customization

Adjusting the settings and customizing your widgets ensures that they meet your business requirements and maintain a high level of user engagement. Regularly updating these settings based on customer feedback and operational needs will help maintain an effective online presence. Follow these steps to manage your widgets effectively and enhance the user experience on your booking platforms.

3. Customizing Your Widgets for Brand Consistency

Customizing your widgets is essential for maintaining brand consistency and enhancing user experience. This section of our knowledge base will guide you through the process of adjusting the appearance and functionality of your widgets to align with your brand's aesthetics.

Step-by-Step Instructions

  1. Accessing Customization Settings

    • Navigate to your widget settings and click on the 'Customize' menu located in the top menu bar.

    • This section allows you to modify various aspects of your widget's design and operational settings.

  2. Changing Basic Details

    • Within the customization menu, you can update the widget's title and description to better reflect the experiences you offer.

    • Adjust the domain name associated with the widget, add a second domain, or set the payment timeout period. We recommend setting the payment timeout to about 20 minutes to balance customer convenience with your business needs.

  3. Branding and Aesthetics

    • Scroll down to the 'Edit Branding Details' section.

    • Here, you can add a path to a CSS file stored on your server. We will integrate this CSS into your specific widget to apply custom colors, fonts, and styles, ensuring it complements the design of your website.

    • You also have the option to show or hide the logo on your widget. If you choose to show a logo, you can upload a different logo for each widget. This feature is particularly useful if your widgets are used across diverse websites or represent different brands.

  4. Social Media Integration

    • Enhance your widget by adding links to all your social media profiles. This feature allows customers to easily access your social pages, fostering better engagement and brand visibility.

Customizing your widgets not only ensures that they blend seamlessly with your brand identity but also improves the overall user experience on your booking platforms. By following these detailed steps, you can effectively tailor each widget to meet specific aesthetic and functional requirements, thereby enhancing your brand's presence across various online platforms. Regular updates and refinements based on customer interactions and feedback are recommended to keep your widgets up-to-date and aligned with user expectations.

4. Fees and Payments Settings

Effective management of fees and payments is crucial for your financial strategy, especially when operating multiple widgets across various platforms. This section will guide you through setting fee responsibilities and managing tips and payment accounts for each widget to optimize your revenue streams and customer experience.

Step-by-Step Instructions

  1. Accessing Fee Settings

    • Navigate to the 'Fees' menu at the top of your widget settings screen. This section lets you decide how the platform's fees are handled.

    • You have the option to choose whether the fees will be paid by the customer (added on top of your net price) or absorbed by you. Passing fees to the customer can make your prices more competitive, while absorbing fees might simplify the customer's payment process and enhance sales.

  2. Configuring Fee Options

    • Within the 'Fees' menu, select if fees should be passed to the customer or if your business will absorb them. Consider your pricing strategy and customer base when making this decision to align with your overall financial goals.

  3. Managing Tip Settings

    • Click on the 'Payment' menu option next to the 'Fees' menu to manage tipping options.

    • Set when to prompt for a tip—after the experience ends or at any point during the booking process. You can also define suggested tip amounts, such as 10%, 15%, or 20%, to guide customers on appropriate tipping amounts.

  4. Setting Up Payment Accounts

    • Within the 'Payment' settings, select which Stripe account to link to each specific widget. This flexibility is essential if you manage multiple brands or services that require separate financial tracking and management.

    • Linking each widget to different payout accounts allows for more granular financial oversight and simplifies revenue management across various parts of your business.

Managing how fees and payments are handled not only impacts your financial bottom line but also affects customer perception and interaction with your booking process. Properly setting up these aspects in each widget ensures that you can cater to different customer preferences and operational requirements. Regular review and adjustments based on financial performance and customer feedback are recommended to maintain optimal settings in your widgets.

5. Integration and Thank You Pages

Effective integration with analytics tools and the proper configuration of thank-you pages are crucial for tracking and optimizing customer conversions. This section guides you through setting up these elements for each widget to enhance the effectiveness of your digital marketing efforts.


Step-by-Step Instructions

  1. Accessing Thank You Page Settings

    • Navigate to the 'Thank You Page' option in the top menu of your widget settings.

    • Here, you will find two primary options for managing post-purchase customer redirection.

  2. Configuring Thank You Pages

    • Ready-to-Use Thank You Page: This option is recommended for most scenarios as it provides an optimized page that is fully compatible with Google Analytics 4 and Google Tag Manager. It ensures that customers are redirected to a standardized thank-you page that aids in consistent data collection and analysis.

    • Custom Thank You Page: This option is ideal for businesses that need to track conversions more specifically, such as for ad tracking or maintaining branding continuity. This setting allows you to redirect customers to a thank-you page that you've customized, providing a seamless brand experience and tailored conversion tracking.

  3. Setting Up Integrations

    • Navigate to the 'Integration' menu next to the thank-you page settings.

    • Google Analytics 4 Integration: Enter your Measurement ID from Google Analytics 4 to integrate your widget directly with GA4. This integration allows you to run data-driven ads, understand your customer funnel, and gain deep insights into user behavior.

    • Google Tag Manager Integration: Add your GTM Measurement ID to integrate with Google Tag Manager. This setup helps manage your conversions and events efficiently, utilizing pre-configured events.

  4. Testing and Review

    • Always test your thank-you pages and integration settings to ensure they function correctly before going live.

    • Regularly review the data collected through these integrations to refine your marketing and customer experience strategies continuously.

Configuring integration and thank-you page settings effectively allows for better tracking of user interactions and conversions, leading to more informed decisions in your marketing and sales strategies. Each widget can have unique settings, enabling you to track performance across different platforms or websites separately, which is invaluable for optimizing your online presence.


6. Instruction for Deployment

After configuring and customizing your widgets, previewing them is a crucial final step to ensure everything looks and functions as expected. This process allows you to visualize how the changes you've made—such as adding or removing experiences—affect the appearance and functionality of each widget.

Step-by-Step Instructions

  1. Accessing the Widget Management Area

    • Navigate to the widget management area where all your widgets are listed. This area provides a central overview of all your widget configurations.

  2. Using the Preview Feature

    • Locate the 'Preview Widget' option on the top right of the page. Click this to see how each widget will appear on a website without actually making it live.

    • This feature is essential for verifying that all elements are displayed correctly and function as intended.

  3. Conducting Detailed Previews

    • Example Preview: Start by previewing the widget you configured for Sailing Tours. Notice how the selected experiences are displayed and ensure that all interactive elements function properly.

    • Comparing Different Widgets: Next, preview the Diving Experiences widget. Observe the differences in appearance and functionality based on the experiences and customization options you've applied. This comparison helps identify any inconsistencies or issues before they affect the live environment.

  4. Testing Changes in Real-Time

    • Adding and Removing Experiences: Demonstrate how adding or removing an experience impacts a widget. For example, add an additional tour to the Sailing Tours widget and remove one from the Diving Experiences widget.

    • After each change, preview the widget again to see the updates in real-time. This step is crucial for understanding how dynamic changes impact the widget's layout and content.

  5. Analyzing Visual Feedback

    • As you preview each version, critically compare how the widgets' layouts and content change. This visual feedback is vital for assessing the impact of your configurations.

    • Ensure each widget aligns with your brand and meets customer expectations. Look for elements that enhance the user experience and make adjustments as necessary.

Previewing your widgets plays a critical role in the development process, serving as the last line of defense against potential errors or misalignments that could affect user experience. It ensures that all aspects of the widget's design, functionality, and content are polished and ready for public interaction. Regularly revisiting this step, especially after making significant changes, helps maintain a high standard of quality and consistency across your digital platforms.


7. Leveraging Multiple Widgets for Targeted Marketing

The ability to create and manage multiple widgets offers significant flexibility and targeting opportunities for your business. This section explores specific use cases demonstrating how this feature can be particularly beneficial for different market segments and partnerships.


Specific Use Cases and Benefits

  1. Regional Customization

    • Example Scenario: A fishing tour company operates in multiple countries, each with its own dedicated website.

    • By creating separate widgets for each region, the company can tailor the experiences offered to match regional preferences and legal requirements.

    • Canadian Tours Widget: Could emphasize ice fishing during winter.

    • Caribbean Tours Widget: Might highlight deep-sea fishing.

    • Customize each widget to match the local language, currency, and promotional offers, enhancing the customer experience and aligning with regional marketing strategies.

  2. Performance Tracking and Marketing Adjustments

    • This setup allows the company to track which regions are performing best and adjust marketing strategies accordingly.

    • Ensures that each website delivers a localized experience, making it easier for customers to find relevant tours and book them without confusion.

  3. Collaboration with Partners

    • A tour company can provide customized widgets to their partners, allowing them to embed these widgets on their own sites—ideal for affiliate marketing.

    • Partners can use a widget that carries their own branding while still linking back to your booking system, which improves customer trust and conversion rates.

  4. Analytics and Optimization

    • With multiple widgets, you can easily track where bookings are coming from, identify which partners are performing well, and adjust commissions or support accordingly.

    • Each widget's performance can be analyzed through integrated analytics, providing clear insights into sales and customer engagement.

  5. Strategic Considerations

    • Consider your business structure and how different widgets could serve different segments of your market or partner network.

    • Tailoring each widget not only enhances the user experience but also optimizes your marketing efforts.

  6. Regular Reviews

    • Regularly review the analytics from each widget to understand customer behavior and adjust your strategies to maximize results.

Utilizing multiple widgets allows for targeted marketing strategies that can be finely tuned to meet the specific demands of different regions, partner requirements, and customer preferences. This approach not only improves the customer experience but also enhances the efficiency of your marketing campaigns, leading to better conversion rates and increased customer satisfaction. Regularly assessing the performance of each widget and making necessary adjustments ensures ongoing optimization of your marketing efforts.


Comprehensive Conclusion: Enhancing Business Outcomes with Effective Widget Management

Overview

The detailed walkthroughs provided from sections 1 to 7 equip your team with the necessary skills to effectively manage, customize, and optimize multiple widgets. This manual serves as a foundational guide to leveraging advanced widget capabilities, ensuring that your business can maximize online engagement and streamline booking processes.

Key Insights

  1. Enhanced Customer Interaction: Through careful customization and targeted deployment of widgets, you are able to meet diverse customer needs and preferences, enhancing user experience across various markets and platforms.

  2. Operational Efficiency: The ability to manage settings, integrate analytics, and adjust functionalities as described allows for operational efficiencies, reducing overhead while increasing responsiveness to market conditions.

  3. Strategic Flexibility: The use of multiple widgets enables tailored marketing strategies and partnerships, offering flexibility to adapt to different regional requirements and partner needs, thereby improving market reach and effectiveness.

  4. Data-Driven Decisions: Regular monitoring and updating of widgets based on analytics and user feedback ensure continuous improvement and optimization of strategies, leading to better business outcomes and higher conversion rates.

Conclusion

This comprehensive approach to widget management not only fulfills operational needs but also significantly enhances the user experience, contributing to optimized business outcomes across your digital platforms. By continually refining these tools and techniques, your business can maintain a competitive edge in a dynamic online environment.

Did this answer your question?