In today's age of rapid Internet growth, it is vital to maintain real-time communication with your users. The use of Chaty plugin, you can implement floating contact functionality on your WordPress site, enhance theuser experiencefurthermoreconversion rate. Increase your(purchase) orderThe
Step 1: Installation and activation Chaty Plugin
- Login to WordPress Backend::
- Go to the backend of your WordPress site.
- Navigate to the plugin page::
- In the left menu, click on "plug-in (software component)" > "Installation of plug-ins".
- Search Chaty::
- In the search box type "Chaty", find the appropriate plug-in.
- Install and activate the plugin::
- Click "Installation", after the installation is complete click "activate".
rationale: Installing the plug-in is a fundamental step in realizing the floating contact feature.
Step 2: Configure Chaty Settings
- Accessing Chaty Settings::
- In the left menu of the backend, find "Chaty", click to enter the setting page. (No need to look for it, it will automatically jump to the setup page when enabled)
- Account Registration:You'll need to sign up for an account, and of course you canSkip ahead.This step (No, I will do it later).
- Popup Video Tutorial: Select Skip.
- Create new widgets:(the purple button shown in the picture).
- Choosing a Chat Channel::
- On the Settings page, you can choose toincreaseChat channels such as WhatsApp,telephones,Facebook Messenger, Viber, etc. (Add any channels, if any, directlystrike (on the keyboard)(can be added below).
- Add custom content: You can also add content that is not shown above, such asCustomized linksThe
- Enter the necessary contact information::
- For each channel selected, enter the appropriate account information, such as a WhatsApp number or a link to a Facebook page.
- Preview for different devices: See if it meets your needs.
Then clickthe next step(Next >).
suggestion: Choose the most commonly used chat channels to ensure users can easily reach you.
Step 3: Customizing the Floating Button Appearance
- Setting the button style::
- In Chaty Settings, find the Appearance option. You can choose the color, shape and position of the buttons. (There is also a choice of icons, and another style of pop-up window is required).Chat pro)
- Selecting the Floating Button Position::
- Often chosenlower rightposition so that it doesn't interfere with the user's browsing.
- Preview effect::
- On the current settings page, Chaty also provides thepreviewsfeature that allows you to instantly seemodificationsEffect.
Other content can be temporarily set todefault (setting), later adjusted to the actual situation.
strike (on the keyboard)the next step(Next >).
rationale: Customizing the look makes the floating buttons match the overall style of the site and improves the user experience.
Step 4: Setting Display Conditions
This is the key step that determines when and where the floating contact button appears. Depending on your needs and user behavior, you can use the Chaty "Triggers and targets" Make the following settings in the options.
trigger conditionSetting:
- Display time::
- Setting the user to stay in the X seconds later Show floating buttons. For example, you can set the button to display 5 seconds after the page loads, giving the user time to browse the content.
- suggestion: A delay of 5-10 seconds is recommended to ensure that users have enough time to understand the content of the page.
- User Exit Intent Detection::
- Enable"Displayed when the user is ready to leave the page" option. Displays a floating contact button when it detects that the user has moved the mouse to the browser's close button.
- suggestion: If your goal is to increase user conversions, it is recommended to enable this feature.
- Percentage of page scrolling::
- Set the Contact button to display when the user scrolls to a certain percentage of the page. For example, the button displays when the user scrolls to 50% on the page.
- suggestion: Set the appropriate scroll percentage according to the content length, for long pages, 50%-70% is a good choice.
Target rule set:
- Display by page::
- strike (on the keyboard) "Add rule", you can choose to display floating contact buttons on specific pages or post types. For example, display the button only on product pages or support pages.
- suggestion: For sales or conversion pages (such as "Contact Us" or "Buy" pages), floating contact buttons are essential.
- Scheduling by date::
- exist "Date scheduling" You can set the floating contact button to display only on specific dates or time periods. For example, to display only during a specific promotional period.
- suggestion: When setting up date scheduling, make sure it aligns with your marketing plan, such as enabling floating contact buttons during important promotions.
- Display by Traffic Source::
- utilization "Traffic Sources" Settings to show the floating contact button only to users from a specific source. For example, show the button only to users who come through Google searches or Facebook ads.
- suggestion: If you do a platform-specific promotion, you can utilize this feature to enhance targeted user interaction.
- Display by country/region::
- exist "National Objectives" You can set the button to only show users from a specific country. This is especially useful on multinational e-commerce sites or sites with services in different languages.
- suggestion: Display different button content or contact information (e.g., customer service channels in different languages) for users in different countries, depending on the needs of your market.
- Display by time::
- Set the button to display only on specific days or time periods, e.g. only display the button from 9:00 to 17:00 on weekdays to match working hours.
- suggestion: Setting up customer service according to the time it is online or the time the business is operating ensures that users get a timely response when they are contacted.
suggestion: Test different display conditions to find the configuration that best suits the user.
Of course you can also addCSSto achieve more effects.
Step 5: Save Settings and Test Functions
- Save Settings::
- Make sure that after all the configurations have been completed, you click on "Save Changes"Button.
- Visit the front-end website::
- Open your websiteforward part of sth.Viewfloat and driftDoes the contact buttonnormalcyShow.
- carry out a test::
- Click on the floating buttons to make sure all the links are correctlyshow (a ticket)Chat window.
rationale: Testing the functionality ensures that the plugin is set up successfully and provides a great experience for the user.
Step 6: Monitoring user interactions
- Use of analytical tools::
- Monitor user interactions with floating contact buttons through tools like Google Analytics.
- Adjustment strategy::
- Adjust the display position or style of the buttons based on the data analysis results to improve the conversion rate.
- Built-in analysis: Built-in analysis requires aChat Proversion only.
suggestion: Continuous optimization is the key to enhancing the user experience and improvingconversion rateThe key.
summarize
By following these steps, you can successfully implement the WordPressfloating linkThe Chaty plugin not only providesMulti-Contactway, but also according to your needscustomizable. Of course.Open ProFunctionality is at its best. Regular monitoring and optimization of settings is recommended to ensure the best user experience and conversion results.