Webflow

What is Webflow?

It is a website-building platform that requires no use of code. That makes it easy to use for both beginners and advanced users. Webflow supports responsive websites and generates code while you design the website via their interface. Create stunning websites for business, blog, portfolio, or university.

How can you use Webflow?

Looking to promote your business online? Start using Webflow and create your dream website with their amazing editor. You don’t need to learn how to code, simply build it by eye and get it running. Webflow is ideal for creating websites for most common purposes, such as a business, blog, or online stores. Make sure to give your customers exactly what they’re looking for with your amazing website.

The best part is, you can use LiveAgent to handle your customer support thanks to live chat and more tools. LiveAgent’s live chat widget makes it easy for your customers to get answers to their questions. Furthermore, it can increase your sales capabilities thanks to its easy accessibility. Browsing customers can hit it and ask questions about any product they desire, which means you can work your magic and convince them about its qualities.

The live chat is also fully featured to make your job easier in many regards. Have a look at features such as the real-time typing view that lets you see what your customers type before they hit send, or proactive chat invitations that let you get noticed by website visitors. The live chat widget is also among the fastest chat widgets available – with chat displayed speeds at 2.5 seconds.

What are the benefits of using Webflow?

• Advanced website builder - Create professional websites with powerful design tools
• No coding required - Build visually without writing any code
• Supports responsive websites - Ensure your site looks great on all devices
• Fidelity between mockups and live sites - What you design is what you get

How to integrate Webflow with LiveAgent

Integrating the LiveAgent live chat widget onto your Webflow website is an easy process that can be completed in just a few minutes. All you have to do is embed the code and save it on your website. Follow the guide below to learn how to do it.

Step 1: Start your Webflow trial

New to Webflow? Head over to their website and start creating your website today. It’s free of charge, but you will need a paid plan to embed chat widgets later on. Once you get familiar with the interface and get your website ready to go live, head over to the next step.

Step 2: Create a chat button in LiveAgent

Now you will learn how to create a chat button in LiveAgent. Open your LiveAgent account (or start your free 30-day trial if you don’t have one) and go to Configuration > Chat > Chat Buttons and click on the Create button at the top.

Step 3: Pick a chat button design

Make sure to browse through the chat button gallery and pick the right button for your website. You can customize it and pick from multiple options – bubble, side, corner buttons, and more. There’s also an option to upload your own button design from an image or HTML. The choice is yours.

Step 4: Configure the button

When you’re done selecting a design it’s time to configure the button. Give the button a distinct name, select the department responsible for chats and pick a language. Then browse through the other settings on the page and customize the button to your liking. It’s easy to do so. When you’re done, Save the button or test it first to see if it’s up to your standards.

Step 5: Copy the integration code

Now head over to the integration section of the chat button configuration. You can see it in the left panel. When you’re there, copy the code and head over to your Webflow page editor.

Step 6: Place the chat button code in Webflow

In the Webflow editor, go to the left panel and click on Pages. Select the page where you want to place your LiveAgent live chat button and scroll down until you see the Custom Code option. Place the button into your code and Save. You’re done.

Now you’re ready to answer any incoming customer questions and requests with amazing speed. Looking to learn more about providing live chat support? Browse through LiveAgent Academy articles to learn how to respond to customer issues with ease.