Fbchat: Difference between revisions

From xat wiki
(Created page with "{{DISPLAYTITLE: Embed xat on Facebook page}} === Installing the app and adding a tab === # Login to your facebook page account # Install the facebook app '''Static HTML''':...")
 
No edit summary
 
(21 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{DISPLAYTITLE: Embed xat on Facebook page}}
<languages />{{toc}}
{{DISPLAYTITLE:<translate><!--T:1--> Embed xat on your Facebook page</translate>}}<translate>


=== Installing the app and adding a tab ===
<!--T:26-->
'''Facebook has discontinued this feature and we are uncertain if it will return in the future.'''</translate>


# Login to your facebook page account
<translate>
# Install the facebook app '''Static HTML''': https://apps.facebook.com/static_html_plus/
<!--T:2-->
# On the next window, select your Facebook page and click on "Add Page Tab"
You can embed a xat chat on your community or business Facebook page using the steps below.
# Click on "Set up tab"
# On the set up page, add the embed code for the xat chat right into the index.html field (Note: You may change the chat size to width="728" height="486 in the embed code for having the standard xat chat size)
# Click at the blue "Save & Publish" button top right.


<!--T:3-->
'''Note:''' This feature will not work on a Facebook page with less than 2,000 likes due to Facebook's requirements for adding custom tabs.


=== Change tab name and order ===
===Installing the app and adding a tab === <!--T:4-->


# Click on "Settings" top right at your facebook page
<!--T:5-->
# Go on the tab "Templates and tabs"
1. Log in to your community or business Facebook account.
# At the bottom find the "Welcome" tab and click on the Settings button next to it
# On the pop-up window add custom tab name such as "xat Chat", then click on "Save" and "OK".
# Lastly, to change the order, for example to move the tab to the very top, simply click at the tab field and drop it at the top
# Done! Your xat chat is now added to your Facebook page.


{{Img|inline=yes|width=200|image=https://util.xat.com/wiki/images/thumb/1/12/Static-html5.png/800px-Static-html5.png|description=Installing Static HTML app}}
<!--T:6-->
[[File:Static-html5.png|thumb|right|200px|Installing Static HTML app]]
2. Install the Facebook app '''Static HTML''' from the following link: <tvar|1>https://apps.facebook.com/static_html_plus/</>. ('''Figure 1''')
 
<!--T:7-->
3. On the next window, select your Facebook page and click on "Add Page Tab". ('''Figure 2''')
 
<!--T:8-->
4. On the next page, click on "Set up tab". ('''Figure 3''')
 
<!--T:9-->
5. On the set up page, add the embed code for the xat chat into the index.html field. ('''Figure 4''')
 
<!--T:10-->
6. Click on the blue "Save & Publish" button at the top right and the xat chat will be added to your Facebook page. ('''Figure 5''')</translate>
 
<gallery mode="packed" heights=85px>
File:Static-html5.png|none|<translate><!--T:11--> '''Figure 1:''' Installing the Static HTML app.</translate>
File:Add-page-tab.png|none|<translate><!--T:12--> '''Figure 2:''' The 'Add Page Tab' screen.</translate>
File:Set-up-tab.png|none|<translate><!--T:13--> '''Figure 3:''' The 'Set up tab' button.</translate>
File:Add-embed-code.png|none|<translate><!--T:14--> '''Figure 4:''' Adding the chat's embed code into the box.</translate>
File:Tab-added.png|none|<translate><!--T:15--> '''Figure 5:''' The xat chat embedded on Facebook.</translate>
</gallery><translate>
 
=== Change the tab name and order === <!--T:16-->
 
<!--T:17-->
1. Click on "Settings" at the top right of your Facebook page.
 
<!--T:18-->
2. Go to the tab "Templates and tabs".
 
<!--T:19-->
3. At the bottom, find the "Welcome" tab and click on the "Settings" button next to it.
 
<!--T:20-->
4. On the pop-up window, add a custom tab name such as "xat Chat", then click on "Save" and "OK". ('''Figure 6''')
 
<!--T:21-->
5. Lastly, to change the order of the tab, simply click on the tab field and drop it higher or lower on the tabs list. ('''Figure 7''')
 
<!--T:22-->
6. Done! The tab is now renamed and reordered on your Facebook page. ('''Figure 8''')</translate>
 
<gallery mode="packed" heights=150px>
File:Change-tab-name.png|thumb|<translate><!--T:23--> '''Figure 6:''' Changing the name of the tab.</translate>
File:Change-tab-position.png|thumb|<translate><!--T:24--> '''Figure 7:''' Changing the order of the tab.</translate>
File:Tab-complete.png|thumb|<translate><!--T:25--> '''Figure 8:''' The tab now renamed and reordered.</translate>
</gallery>

Latest revision as of 16:49, 21 February 2023

Facebook has discontinued this feature and we are uncertain if it will return in the future.

You can embed a xat chat on your community or business Facebook page using the steps below.

Note: This feature will not work on a Facebook page with less than 2,000 likes due to Facebook's requirements for adding custom tabs.

Installing the app and adding a tab

1. Log in to your community or business Facebook account.

2. Install the Facebook app Static HTML from the following link: https://apps.facebook.com/static_html_plus/. (Figure 1)

3. On the next window, select your Facebook page and click on "Add Page Tab". (Figure 2)

4. On the next page, click on "Set up tab". (Figure 3)

5. On the set up page, add the embed code for the xat chat into the index.html field. (Figure 4)

6. Click on the blue "Save & Publish" button at the top right and the xat chat will be added to your Facebook page. (Figure 5)

Change the tab name and order

1. Click on "Settings" at the top right of your Facebook page.

2. Go to the tab "Templates and tabs".

3. At the bottom, find the "Welcome" tab and click on the "Settings" button next to it.

4. On the pop-up window, add a custom tab name such as "xat Chat", then click on "Save" and "OK". (Figure 6)

5. Lastly, to change the order of the tab, simply click on the tab field and drop it higher or lower on the tabs list. (Figure 7)

6. Done! The tab is now renamed and reordered on your Facebook page. (Figure 8)