![embedded mess-01 how to embedded messenger widget with your website](https://zodinet.com/wp-content/uploads/2020/04/embedded-mess-01-1024x576.png)
I. Preparation
You need prepare your site with HTTPS before integrate with Messenger Widget
Go to your Facebook Management > Settings > Messaging
https://www.facebook.com/<page-name>/settings/?tab=messaging&ref=page_edit
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.39.20.png)
Go to this section “Starting a Messenger Conversation”
Enable “Show a greeting” from OFF to ON
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.38.50.png)
On section “Add Messenger to your website” click “Get Started” and do following steps
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.38.13.png)
1. CHOOSE A DEFAULT LANGUAGE
click Next
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.34.16.png)
2. APPEARANCE
click Next
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.36.16.png)
3. ADD WEBSITE DOMAIN NAME
Add your website into whitelist domains
Copy code snippet to add into website via source code or GTM
click Finish
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.37.02.png)
II. Add widget into your website
There are a lot ways to add widget into your website.
1. WordPress
Add them as Footer Widget, just copy above snippet code and paste them as Footer Widget as we did (Appearance > Widgets >
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.43.20.png)
2. Magento
We can create new static block, and add them into any page with Widgets
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.49.25.png)
![](https://zodinet.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-16.49.57.png)