If you're using WordPress, installing the assistant manually is straightforward, even though we don't have a plugin available yet. The entire process will take you less than 5 minutes.

Create a Pattern

Creating a "Pattern" in the block editor is the simplest method for installation. This approach allows you to utilize the assistant across multiple pages or posts. Patterns are a feature introduced in WordPress 6.3, so ensure your version is up to date.

Patterns are accessible if you're using a default theme (such as Twenty Twenty-Two). For older themes, the assistant can still be added using the "Custom HTML" block in the block editor, following a similar process.

Navigate to your WordPress dashboard, select "Appearance," then "Themes," and finally "Customize." If your theme is compatible with the new design editor, you'll find an option labeled "Patterns." Click on it, then the "+" sign in the upper-right corner to create a new pattern. Choose "Create pattern" to access the block editor. Name your pattern something memorable, like "Chat with Page" or "AI Assistant."

In the block editor, select "Custom HTML" and paste the following block of code:

<script src="https://f13o.com/api/widget.js?key={YOUR_API_KEY}"></script>
<div class="assistant-root">
    <assistant-widget></assistant-widget>
</div>

Ensure to substitute the placeholder with your actual API key, which is available in your dashboard after signing up. You can further customize the assistant by adding properties to the <assistant-widget> component. For a comprehensive list of available properties, refer to our documentation.

Click "Publish" to save your pattern, making it available for use in any page or post on your site. Next, let's integrate it into your templates to include the widget on every post or page.

Add Pattern to Theme

To integrate the pattern into your theme, go to the "Customize" theme menu, select "Templates," and find the template where you want to include the widget. It's recommended to add it to the "Single Posts" template, but it can be added to any template as desired.

Upon selecting a template, you'll be directed to the template block editor. Click the "+" sign where you wish to insert the assistant and look for the previously created pattern. Select it to add it to the template, then click "Save" to apply the changes.

That's it! You can reposition it to your liking. Now, any post utilizing this template will feature the assistant, ready to assist your users.

We've collected a few ideas to get you inspired and see how Chat With Page will transform your site experience. In each of these use cases, an AI assistant significantly enhances the user experience by offering personalized, interactive, and responsive services that cater to the specific needs and preferences of the user, thereby increasing engagement, satisfaction, and loyalty.

Travel and Tourism

In the travel and tourism sector, an AI assistant enhances the user experience by providing personalized travel recommendations. It can process user preferences regarding destinations, activities, and budget to offer customized itinerary suggestions. This not only saves time for the traveler but also introduces them to experiences they might not have discovered on their own.

Demo

<assistant-widget title="Discover Your Next Dream Destination" banner="Tell me a bit about what you're looking for in your next adventure. Our assistant can help you find the perfect travel destinations, plan your itinerary, and offer tips for an unforgettable trip. " trigger="What's your dream travel destination?">

Code

<assistant-widget
  banner="Tell me a bit about what you're looking for in your next adventure. Our assistant can help you find the perfect travel destinations, plan your itinerary, and offer tips for an unforgettable trip. "
  trigger="What's your dream travel destination?">
</assistant-widget>

Cooking and Recipes

For cooking and recipe websites, an AI assistant can transform how users interact with content. By inputting available ingredients, dietary restrictions, or desired cuisine, users can receive tailored recipe suggestions, making meal planning simpler and more creative. This personalization encourages users to explore new dishes and enhances their cooking experience.

Demo

<assistant-widget title="Unlock a World of Flavors" banner="We can suggest recipes based on the ingredients you have. Our assistant will guide you through recipes based on your preferences or ingredients you already have." trigger="What type of dish are you preparing?">

Code

<assistant-widget
  banner="We can suggest recipes based on the ingredients you have. Our assistant will guide you through recipes based on your preferences or ingredients you already have."
  trigger="What type of dish are you preparing?">
</assistant-widget>

Fitness and Health

In fitness and health, an AI assistant offers a personalized approach to wellness. By understanding user goals, preferences, and constraints, it can suggest customized workout plans, dietary advice, and track progress over time. This personalized coaching can significantly enhance motivation and outcomes, as the advice is tailored to the individual's current fitness level, preferences, and goals.

Demo

<assistant-widget title="Achieve Your Health and Fitness Goals" banner="Whether it's losing weight, gaining muscle, or improving your overall wellbeing, we can offer you personalized advice. Our assistant can provide personalized tips and routines to help you reach your fitness or health objectives." trigger="What's your main fitness goal?">

Code

<assistant-widget
  banner="Whether it's losing weight, gaining muscle, or improving your overall wellbeing, we can offer you personalized advice. Our assistant can provide personalized tips and routines to help you reach your fitness or health objectives."
  trigger="What's your main fitness goal?">
</assistant-widget>

Wine Ecommerce

For a wine ecommerce platform, an AI assistant can revolutionize the shopping experience by offering personalized wine recommendations based on the occasion, personal taste preferences, or food pairings. This level of customization makes the selection process easier and more engaging for customers, who might feel overwhelmed by the choices available.

Demo

<assistant-widget title="Find the Perfect Wine for Any Occasion" banner="Our assistant can help you select the ideal wine for your special occasions, tastes, and preferences. Whether it's a celebration, a quiet dinner, or a gift, get personalized recommendations." trigger="What's the special occasion?">

Code

<assistant-widget
  banner="Our assistant can help you select the ideal wine for your special occasions, tastes, and preferences. Whether it's a celebration, a quiet dinner, or a gift, get personalized recommendations."
  trigger="What's the special occasion?">
</assistant-widget>

Get Started Now

Now that you've seen the incredible capabilities of our AI assistant across different niches, don't let this opportunity pass you by. Sign up now and elevate your website experience with personalized, interactive assistance that understands exactly what your visitors need.

We believe in transforming how readers interact with digital content. Our journey began with a simple mission: to bridge the gap between content creators and their audiences in a dynamic, engaging way. We are passionate about enhancing user experience, believing that every newsletter and blog has the potential to become a lively, interactive community.

Our Mission

Our core mission is to revolutionize the way content is consumed and interacted with online. We aim to transform passive reading into an engaging, two-way conversation, fostering a deeper connection between creators and their audiences. Our technology seeks to empower every website owner to turn their platform into a vibrant, interactive community, ultimately making the internet a more engaging space for dialogue and learning.

Our Vision

Our AI-powered chat assistant is designed not just as a tool but as a companion for your digital space, fostering real-time conversations, increasing engagement, and helping you understand your audience like never before. We pride ourselves on being innovators at the intersection of AI and communication, constantly evolving our services to meet the needs of our diverse clientele.

Our Team

Behind our tech is a team of enthusiastic developers, marketers, and AI specialists, united by a vision to make the internet a more interactive place. We're dedicated to your success, offering personalized support to ensure it seamlessly integrates into your site, turning passive content consumption into active conversations.

We're on an exciting path to redefine online engagement, and we invite you to join us. Whether you're a blogger, a marketer, or simply someone passionate about creating captivating online experiences, we are here to help you connect with your audience like never before.

Welcome to the future of interactive content.