Tutorial MANYCHAT EN ESPAÑOL 🤖 Cómo integrar Manychat en tu web ✅

Introduction and Overview

In this video, the speaker introduces a digital marketing application called ManyChat. They explain that ManyChat is a powerful tool for marketing purposes and discuss how to get started with it.

Getting Started with ManyChat

• To begin using ManyChat, go to the website manychat.com and sign up or log in using your Facebook account.

• Once logged in, you can connect your Facebook page to ManyChat.

• Multiple pages can be connected to ManyChat for managing different accounts.

• The interface of ManyChat is primarily in English but is easy to understand and navigate.

Exploring Tools in ManyChat

The speaker demonstrates some of the tools available in ManyChat that can be used for marketing purposes.

Creating a Growth Tool

• In the left menu, under "Tools," there is an option called "Growth Tools."

• Within Growth Tools, various options are available for creating different types of tools.

• These tools can be added to websites or landing pages to engage users.

• Examples include bars, sliders, pop-ups, etc., which can be customized according to preferences.

Configuring a Slide-in Tool

The speaker explains how to configure a slide-in tool within ManyChat.

Customizing the Slide-in Tool

• Within Growth Tools, select "New" and choose the type of tool desired (e.g., slide-in).

• Customize the appearance of the slide-in tool by selecting colors and text options.

• Set conditions for when and how the slide-in tool should appear on a webpage.

• Preview and adjust settings as needed before saving the configuration.

Setting Up a Call-to-Action Tool

The speaker demonstrates how to set up a call-to-action tool using ManyChat.

Creating a Call-to-Action Tool

• Within Growth Tools, select "New" and choose the type of tool desired (e.g., call-to-action).

• Provide a descriptive name for the tool to easily identify it later.

• Customize the title, description, and button text of the call-to-action tool.

• Adjust colors and visual elements to match branding preferences.

• Specify actions or messages that should occur when users interact with the tool.

Customizing Button Options

The speaker explains different button options available in ManyChat and how they can be customized.

Choosing Button Actions

• When creating a call-to-action tool, there are various button options available.

• Buttons can be labeled with different actions such as "Send Message," "Get Help," or "Start Chat."

• Select the button action that best suits the intended purpose of the tool.

• Customize colors, sizes, and other visual aspects of the buttons to align with branding.

These notes provide an overview of key points discussed in the video. For more detailed information and instructions, please refer to the corresponding timestamps provided.

Configuring the Appearance of a Widget

In this section, the speaker discusses how to configure the appearance of a widget for a bicycle sales website. They explain that they want to display an image of a bicycle in the widget and discuss different options for when and how the widget should be shown.

Configuring Display Options

• The speaker wants to show an image of a bicycle in the widget but prefers not to make it too intrusive.

• They can choose to show the widget immediately or when users are about to leave the page.

• The speaker can also set conditions for when the widget should appear, such as after a certain amount of time or when users scroll down a certain percentage.

• There is an option to show the widget only after a specific time has passed since the user's last visit.

• However, it is important not to overwhelm users with too many widgets as it may disturb them.

Timing Options for Widget Display

In this section, the speaker explains different timing options for displaying widgets on a website. They discuss setting specific time intervals before showing or re-showing widgets based on user behavior.

Delayed Display Options

• The speaker demonstrates how to set up delayed display options for widgets.

• Widgets can be configured to appear after a certain number of days, hours, or minutes since the user's last visit.

• If a user closes the widget manually using an "x" button, it can be set to always reappear.

• It is important to find a balance between showing widgets frequently enough without overwhelming users.

Customizing Widget Messages

In this section, the speaker discusses customizing messages that appear in widgets. They demonstrate how to create personalized messages and provide examples of different message types.

Customizing Widget Messages

• The speaker shows how to edit the default message that users receive in a widget.

• They demonstrate how to personalize the message by automatically including the user's name using a field name variable.

• Different types of content can be added to the message, such as images or emojis.

• The speaker emphasizes the importance of using brand colors and maintaining consistency with the website's design.

Configuring Actions for User Interaction

In this section, the speaker explains how to configure actions for user interaction with widgets. They discuss sending messages or adding users to sequences based on their interactions.

Configuring Actions

• Users can interact with widgets by showing interest in promotions or offers.

• When users show interest, they can receive personalized messages or be added to specific sequences.

• The speaker demonstrates editing the message that users receive and shows options for adding them to sequences.

Personalizing Widget Content

In this section, the speaker discusses personalizing widget content. They explain how to customize default messages and include variables for dynamic content.

Personalizing Content

• The speaker demonstrates how to personalize widget messages by including variables like the user's name.

• Default system-generated messages can be replaced with customized content.

• There are options for choosing different types of content and formatting it according to preferences.

Adding Additional Content Options

In this section, the speaker explains how to add additional content options within widgets. They demonstrate adding image galleries and other media formats.

Adding Content Options

• Widgets can include additional content options such as image galleries, audio files, videos, or PDF files.

• The speaker demonstrates uploading images for an image gallery within the widget.

• They mention the possibility of adding a PDF file for users to download a catalog or other information.

The transcript provided is in Spanish.

Publishing the PDF

In this section, the user is provided with a link to download a PDF. The process of publishing and previewing the content is explained.

Publishing the PDF

• The user is given a link to download the PDF.

• The content is marked as "public" once published.

• Users can view a preview of the content on the right side.

Activating Messenger

This section explains how activating Messenger works and how users can interact with it.

Activating Messenger

• Clicking on the widget title activates Messenger for the user.

• A message thanking them for their interest is displayed.

• The title of the widget can be changed in setup.

Setting up JavaScript Sniper

This section covers setting up JavaScript Sniper and authorizing websites.

Setting up JavaScript Sniper

• Install JavaScript Sniper and authorize websites in setup.

• Enter website addresses where the widget will be displayed.

• Paste generated code into website's head tag or theme editor (for WordPress).

Adding Website Address for Widget Display

This section demonstrates adding a website address for widget display.

Adding Website Address for Widget Display

• Enter the website address where you want to display the widget.

• Both URLs with and without "www" are automatically detected by the system.

Pasting Code in Website Head Tag

This section explains how to paste code into a website's head tag for proper functionality.

Pasting Code in Website Head Tag

• Copy generated code from JavaScript Sniper.

• Paste it into your website's head tag.

• For WordPress, paste it in the Appearance > Editor section, specifically in the head section.

Precautions when Pasting Code

This section highlights precautions to take when pasting code into a website.

Precautions when Pasting Code

• Be cautious while pasting code to avoid damaging the website.

• WordPress warns about potential damage and suggests seeking professional help if unsure.

• Locate the head tag in the theme editor and paste the code between its opening and closing tags.

Activating Widget on Website

This section explains how to activate the widget on a website after pasting the code.

Activating Widget on Website

• After pasting the code, click "Finish" to complete setup.

• In Lumen & Chat menu, go to Widgets to find created widgets.

• Draft status indicates that widget activation is pending.

• Edit and activate widgets for them to function properly.

Refreshing Page to Test Widget Activation

This section demonstrates refreshing a page to test widget activation.

Refreshing Page to Test Widget Activation

• Refresh the page where you added the widget code.

• Wait for 6 seconds for the widget to activate.

• If not activated, ensure all steps were followed correctly (including authorization).

Configuring Widget Location and Headline

This section covers configuring the location and headline of a widget.

Configuring Widget Location and Headline

• The location of the widget can be customized (left, right, top, bottom).

• A compelling headline is crucial for attracting user attention.

• Offering something valuable motivates users to receive the information.

Activating Messenger Notifications

This section explains how activating Messenger notifications works and their importance.

Activating Messenger Notifications

• When a user clicks on the widget, Messenger notifications are automatically activated.

• Notifications prompt users to check the message received.

• Push notifications are generated, which can be seen and heard on mobile devices.

Utilizing Messenger Notifications for Conversation

This section emphasizes the significance of utilizing Messenger notifications for initiating conversations with users.

Utilizing Messenger Notifications for Conversation

• 80% of website traffic comes from mobile devices.

• When users activate Messenger notifications, push notifications are generated.

• Users tend to check these notifications immediately, providing an opportunity to start a conversation.

Conclusion

The video concludes by highlighting the effectiveness of the presented features.

Conclusion

• The demonstrated features work effectively in engaging users and initiating conversations.

New Section

In this section, the speaker discusses the concept of sending automated messages to individuals after they attend an event or join a chat. They explain the importance of timing and avoiding overwhelming people with too many messages.

Sending Automated Messages

• The idea is to send messages to individuals on specific days after they attend an event or join a chat.

• By creating sequences, different types of messages can be sent automatically, such as those focused on selling products or services.

• Automation and flows can be created based on user responses, allowing for personalized messaging.

• Integrating with Facebook ads allows for targeted campaigns and connecting with users through various platforms.

• Marketing tools are available to control and configure automated messaging according to business needs.

New Section

In this section, the speaker concludes by mentioning upcoming videos that will cover topics related to effective landing pages and the affordability of using the application discussed.

Conclusion and Future Videos

• The speaker invites viewers to subscribe to their channel for future videos on related topics.

• Topics covered in upcoming videos include creating effective landing pages and exploring the affordability of using the application mentioned throughout the transcript.