<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Chat Archivi - Alessandro Albergo</title>
	<atom:link href="https://alessandroalbergo.it/category/chat/feed/" rel="self" type="application/rss+xml" />
	<link>https://alessandroalbergo.it/category/chat/</link>
	<description>Alessandro Albergo, sviluppatore - Frontend e Backend - Bari - Realizzazione siti web</description>
	<lastBuildDate>Tue, 14 Dec 2021 19:58:10 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://alessandroalbergo.it/wp-content/uploads/2021/03/cropped-aa-giallo-32x32.png</url>
	<title>Chat Archivi - Alessandro Albergo</title>
	<link>https://alessandroalbergo.it/category/chat/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Creare Bot Telegram per WordPress</title>
		<link>https://alessandroalbergo.it/creare-bot-telegram-per-wordpress/</link>
					<comments>https://alessandroalbergo.it/creare-bot-telegram-per-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Sun, 11 Apr 2021 11:03:15 +0000</pubDate>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Chat]]></category>
		<category><![CDATA[form di contatto]]></category>
		<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[bot]]></category>
		<category><![CDATA[canale]]></category>
		<category><![CDATA[chat]]></category>
		<category><![CDATA[telegram]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3215</guid>

					<description><![CDATA[<p>Vorresti avere un canale telegram sul quale vengano pubblicati gli articoli di WordPress in automatico utilizzando un BOT ? Sei nel posto giusto per imparare a farlo in pochi minuti! &#160; Cosa è il BOT di Telegram ? Con il termine bot si vanno a indicare dei programmi, che funzionano all’interno dell’applicazione (Telegram) e interagiscono con gli..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/creare-bot-telegram-per-wordpress/">Creare Bot Telegram per WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Vorresti avere un canale telegram sul quale vengano pubblicati gli articoli di WordPress in automatico utilizzando un BOT ? Sei nel posto giusto per imparare a farlo in pochi minuti!</strong></p>
<p>&nbsp;</p>
<h2>Cosa è il BOT di Telegram ?</h2>
<p>Con il termine <strong>bot </strong>si vanno a indicare dei programmi, che funzionano all’interno dell’applicazione (Telegram) e interagiscono con gli utenti all&#8217;interno della chat.</p>
<p>I <strong>bot di Telegram</strong> posso sembrare dei veri e propri profili, dietro ai quali però non ci sono persone reali.</p>
<p>Finita questa piccola introduzione, vediamo subito come crearne uno per il nostro sito web !</p>
<p>&nbsp;</p>
<h2>Configurarlo in WordPress</h2>
<p>Come primo step, inutile dirti che devi essere un utente Telegram <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> .</p>
<p>Andiamo ora sul nostro sito in WordPress e installiamo il plugin che ci darà una grande mano per rendere autonomo il nostro Bot, il plugin in questione è <strong><a style="color: #fac921;" href="https://wordpress.org/plugins/wptelegram/" target="_blank" rel="noopener">Wp Telegram</a> </strong> ,ne puoi trovare diversi sullo store di WordPress, , ma questo è quello con cui mi sono trovato molto bene ed è sempre aggiornato.</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Telegram-Bot-Wordpress-Plugin.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3220 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Telegram-Bot-Wordpress-Plugin.png" alt="Telegram Bot WordPress Plugin" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Telegram-Bot-Wordpress-Plugin.png 575w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Telegram-Bot-Wordpress-Plugin-300x146.png 300w" sizes="(max-width: 575px) 100vw, 575px" /></a></p>
<p>Attivato il nostro plugin, clicchiamo su WP Telegram nel menù della Dashboard.</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Menu-dashboard-bot-telegram-wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3222 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Menu-dashboard-bot-telegram-wordpress.png" alt="" width="190" height="253" /></a></p>
<p>&nbsp;</p>
<p>Adesso potrai notare una schermata dove c&#8217;è un breve tutorial su come creare il tuo BOT. Si dovrai crearlo tu, ma seguendo questi 2 semplici passaggi, ci vorranno solo 2 minuti.</p>
<p>Cerca su Telegram:  <strong>@BotFather</strong></p>
<p>È il BOT di Telegram che ti creerà il tuo BOT personale , sembra un gioco di parole ma è proprio così <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> .</p>
<p>Bene adesso apri la chat e clicca su avvia o scrivi  &#8220;/start &#8220;:</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/start-bot-telegram-chat-Wordpress--scaled.jpg" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3224 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/start-bot-telegram-chat-Wordpress--scaled.jpg" alt="start bot telegram chat WordPress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/start-bot-telegram-chat-Wordpress--scaled.jpg 945w, https://alessandroalbergo.it/wp-content/uploads/2021/04/start-bot-telegram-chat-Wordpress--138x300.jpg 138w, https://alessandroalbergo.it/wp-content/uploads/2021/04/start-bot-telegram-chat-Wordpress--473x1024.jpg 473w, https://alessandroalbergo.it/wp-content/uploads/2021/04/start-bot-telegram-chat-Wordpress--768x1664.jpg 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/start-bot-telegram-chat-Wordpress--709x1536.jpg 709w" sizes="(max-width: 945px) 100vw, 945px" /></a></p>
<p>&nbsp;</p>
<p>Adesso, digitiamo come ci suggerisce &#8220;/newbot&#8221; e subito dopo digitiamo il nome che vogliamo dare al nostro BOT, come vedi nell&#8217;esempio dovrai trovare un nome mai usato, e non potrai usare punti:</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/new-bot-telegram-wordpress-scaled.jpg" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3225 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/new-bot-telegram-wordpress-scaled.jpg" alt="" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/new-bot-telegram-wordpress-scaled.jpg 965w, https://alessandroalbergo.it/wp-content/uploads/2021/04/new-bot-telegram-wordpress-141x300.jpg 141w, https://alessandroalbergo.it/wp-content/uploads/2021/04/new-bot-telegram-wordpress-483x1024.jpg 483w, https://alessandroalbergo.it/wp-content/uploads/2021/04/new-bot-telegram-wordpress-768x1630.jpg 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/new-bot-telegram-wordpress-724x1536.jpg 724w" sizes="(max-width: 965px) 100vw, 965px" /></a></p>
<p>&nbsp;</p>
<p>Una volta accettato il nome, ti verrà inviato un altro messaggio in cui ci sarà il Token del tuo programma Telegram.</p>
<p>Copiamo il codice, e incolliamolo dove il plugin di WordPress lo chiede:</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/token-telegram-wordpress-wp-bot.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3226 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/token-telegram-wordpress-wp-bot.png" alt="token telegram wordpress wp bot" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/token-telegram-wordpress-wp-bot.png 1475w, https://alessandroalbergo.it/wp-content/uploads/2021/04/token-telegram-wordpress-wp-bot-300x123.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/token-telegram-wordpress-wp-bot-1024x419.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/token-telegram-wordpress-wp-bot-768x314.png 768w" sizes="(max-width: 1475px) 100vw, 1475px" /></a></p>
<p>&nbsp;</p>
<p>Incollato il codice, scriviamo il nome del nostro BOT e clicchiamo su &#8220;Test Token&#8221; e subito dopo la conferma del test riuscito, clicchiamo su &#8220;Salva i cambiamenti&#8221;.</p>
<p>Bene! Adesso il tuo BOT è pronto per essere usato dal Plugin di WordPress .</p>
<p>Ora non ci resta che creare il canale Telegram (se non dovessi averne già uno) e rendere anche il BOT amministratore del canale. Per farlo, clicchiamo su impostazioni canale -&gt; Aggiungi iscritto -&gt; cerchiamo il nome del nostro BOT.</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/aggiungere-bot-come-amministratore-canale-telegram.jpg" target="_blank" rel="noopener"><img decoding="async" class="wp-image-3227 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/aggiungere-bot-come-amministratore-canale-telegram.jpg" alt="aggiungere bot come amministratore canale telegram" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/aggiungere-bot-come-amministratore-canale-telegram.jpg 1080w, https://alessandroalbergo.it/wp-content/uploads/2021/04/aggiungere-bot-come-amministratore-canale-telegram-242x300.jpg 242w, https://alessandroalbergo.it/wp-content/uploads/2021/04/aggiungere-bot-come-amministratore-canale-telegram-827x1024.jpg 827w, https://alessandroalbergo.it/wp-content/uploads/2021/04/aggiungere-bot-come-amministratore-canale-telegram-768x951.jpg 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></a></p>
<p>&nbsp;</p>
<p>Non ci crederai, ma hai quasi terminato il tuo invio degli articoli automatici sul canale Telegram <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ! Clicca nella schermata del plugin su &#8220;Post to Telegram &#8221; e scrivi il nome del tuo canale dove te lo chiede :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Bot-canale-telegram-Wordpress-WP.png" target="_blank" rel="noopener"><img decoding="async" class="wp-image-3229 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Bot-canale-telegram-Wordpress-WP.png" alt="Bot canale telegram WordPress WP" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Bot-canale-telegram-Wordpress-WP.png 792w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Bot-canale-telegram-Wordpress-WP-293x300.png 293w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Bot-canale-telegram-Wordpress-WP-768x785.png 768w" sizes="(max-width: 792px) 100vw, 792px" /></a></p>
<p>&nbsp;</p>
<p>Ora non ti resta che scegliere le condizioni e di cosa inviare a Telegram quando pubblichi o aggiorni pagine/articoli :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Post-o-pagine-da-inviare-su-telegram-tramite-Wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="wp-image-3230 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Post-o-pagine-da-inviare-su-telegram-tramite-Wordpress.png" alt="Post o pagine da inviare su telegram tramite WordPress" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Post-o-pagine-da-inviare-su-telegram-tramite-Wordpress.png 1311w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Post-o-pagine-da-inviare-su-telegram-tramite-Wordpress-300x160.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Post-o-pagine-da-inviare-su-telegram-tramite-Wordpress-1024x546.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Post-o-pagine-da-inviare-su-telegram-tramite-Wordpress-768x409.png 768w" sizes="(max-width: 1311px) 100vw, 1311px" /></a></p>
<p>&nbsp;</p>
<p>Ricordati sempre di cliccare su &#8220;Salva i cambiamenti&#8221; in basso (a fine pagina) , altrimenti dovrai ripetere la procedura !</p>
<p>Adesso non ti resta che goderti il tuo canale Telegram automatizzato <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>È stato utile questo articolo ? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/creare-bot-telegram-per-wordpress/">Creare Bot Telegram per WordPress</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/creare-bot-telegram-per-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chat Whatsapp per il sito Web</title>
		<link>https://alessandroalbergo.it/chat-whatsapp-per-il-sito-web/</link>
					<comments>https://alessandroalbergo.it/chat-whatsapp-per-il-sito-web/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Sat, 10 Apr 2021 09:00:08 +0000</pubDate>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Chat]]></category>
		<category><![CDATA[form di contatto]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[chat]]></category>
		<category><![CDATA[Chat Facebook]]></category>
		<category><![CDATA[codice]]></category>
		<category><![CDATA[whatsapp]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3185</guid>

					<description><![CDATA[<p>Ciao, oggi vedremo come implementare la chat di whatsapp sul sito web , creeremo un&#8217;icona che al click farà aprire l&#8217;applicazione di messaggistica sia sul mobile che Desktop. Come spesso mi piace fare, ti mostrerò 2 tutorial per creare il tuo link di Whatsapp in codice e l&#8217;altro tramite un plugin per il sito in..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/chat-whatsapp-per-il-sito-web/">Chat Whatsapp per il sito Web</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Ciao, oggi vedremo come implementare la chat di whatsapp sul sito web , creeremo un&#8217;icona che al click farà aprire l&#8217;applicazione di messaggistica sia sul mobile che Desktop.</strong></p>
<p>Come spesso mi piace fare, ti mostrerò 2 tutorial per creare il tuo link di Whatsapp in codice e l&#8217;altro tramite un plugin per il sito in CMS come WordPress.</p>
<h2>Whatsapp per il sito web in codice :</h2>
<p>Incominciamo con quello che più mi piace ! Il codice <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> . <strong>Se cerchi il plugin per WordPress, puoi saltare questa parte</strong> .</p>
<p>Utilizzeremo la libreria Font Awesome per creare l&#8217;icona, quindi come primo step, installiamo la libreria nel nostro progetto! Se non dovessi saperlo fare, puoi leggere l&#8217;articolo in cui parlo dell&#8217;icona di <strong><a style="color: #fac921;" href="https://alessandroalbergo.it/colore-icona-instagram-font-awesome/" target="_blank" rel="noopener">Instagram</a></strong>, in cui spiego passo passo il procedimento per installarla in maniera rapida.</p>
<p>Bene, adesso che hai tutto installato, procediamo con la generazione della nostra icona nel TAG &#8220;&lt;a &gt;&lt;/a&gt;&#8221; .</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text/html&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">&lt;a href=""&gt;&lt;i class="fab fa-whatsapp"&gt;&lt;/i&gt;&lt;/a&gt;</pre>
</div>
<p>Che tu ci creda o meno, abbiamo quasi finito! Adesso basterà inserire il link API di Whatsapp seguito dal tuo numero di telefono nell&#8217; &#8220;href&#8221; ,</p>
<p>&lt;a href=&#8221;https://api.whatsapp.com/send?phone=<strong>tuo-numero-di-whatsapp</strong>&#8220;&gt;&lt;i class=&#8221;fab fa-whatsapp&#8221;&gt;&lt;/i&gt;&lt;/a&gt;</p>
<p>Quindi:</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text/html&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">&lt;a href="https://api.whatsapp.com/send?phone=393896312092"&gt;&lt;i class="fab fa-whatsapp"&gt;&lt;/i&gt;&lt;/a&gt;

</pre>
</div>
<p><strong>IMPORTANTE: </strong></p>
<ul>
<li><strong>Non inserire il &#8220;+&#8221; d&#8217;avanti al &#8220;39&#8221; ma scrivilo proprio come nell&#8217;esempio</strong></li>
<li><strong>Il numero deve chiaramente essere registrato su whastapp</strong></li>
</ul>
<p>Se volessi inserire anche un messaggi pre-impostato per il mittente, potrai aggiungere &#8220;&amp;text=&#8221; e scrivere il tuo messaggio, chiaramente per la spaziatura dovrai usare &#8220;%20&#8221; :</p>
<div class="wp-block-codemirror-blocks code-block ">
<pre class="CodeMirror" data-setting="{&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text/html&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}">https://api.whatsapp.com/send?phone=393896312092&amp;text=Ciao%20voglio%20più%20info</pre>
</div>
<p>Adesso non ti resta che inserire l&#8217;icona dove più ti piace e goderti il collegamento all&#8217;app di Whatsapp.</p>
<p>&nbsp;</p>
<h2>Plugin per WordPress :</h2>
<p>Vediamo subito come avere Whatsapp per il sito web attraverso il plugin per WordPress !</p>
<p>Ci sono davvero tanti plugin su WordPress, ma quello che mi è piaciuto molto e utilizzo spesso è <strong><a style="color: #fac921;" href="https://wordpress.org/plugins/creame-whatsapp-me/" target="_blank" rel="noopener">Join.chat</a></strong> , davvero semplice da configurare e non ho mai avuto nessun tipo di conflitto con i vari temi.</p>
<p>Installiamolo scaricandolo attraverso il link o direttamente da WordPress e attiviamolo.</p>
<p>Adesso vedrai nelle impostazioni il nome del plugin appena installato :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/whatsapp-sul-sito-web-join.chat_.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3195 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/whatsapp-sul-sito-web-join.chat_.png" alt="Whatsapp per il sito web" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/whatsapp-sul-sito-web-join.chat_.png 383w, https://alessandroalbergo.it/wp-content/uploads/2021/04/whatsapp-sul-sito-web-join.chat_-223x300.png 223w" sizes="(max-width: 383px) 100vw, 383px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Clicchiamo sulla voce Join.chat e settiamo la nazione cliccando sulla bandierina nel primo campo, e tutti gli altri campi utili come il delay per l&#8217;apparizione della call to action (se la volessi impostare) . Potrai anche sostituire l&#8217;icona con un&#8217;altra immagine, e decidere dove visualizzare l&#8217;icona ( DX o SX ) :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Impostazioni-join.chat-whatsapp-per-sito-web.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3196 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Impostazioni-join.chat-whatsapp-per-sito-web.png" alt="Whatsapp per il sito web" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Impostazioni-join.chat-whatsapp-per-sito-web.png 545w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Impostazioni-join.chat-whatsapp-per-sito-web-191x300.png 191w" sizes="(max-width: 545px) 100vw, 545px" /></a></p>
<p>&nbsp;</p>
<p>C&#8217;è qualche pagina dove non vuoi che appaia l&#8217;icona di Whatsapp? Ti basterà andare nell&#8217;editing della pagina interessata , e vedrai sulla destra l&#8217;impostazione di Join.chat, per nascondere l&#8217;icona, clicca su &#8220;hidden&#8221; (occhio sbarrato <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ) :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/editor-pagina-join.chat_.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3197 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/editor-pagina-join.chat_-e1617996600337.png" alt="" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/editor-pagina-join.chat_-e1617996600337.png 376w, https://alessandroalbergo.it/wp-content/uploads/2021/04/editor-pagina-join.chat_-e1617996600337-180x300.png 180w" sizes="(max-width: 376px) 100vw, 376px" /></a></p>
<p>&nbsp;</p>
<p>Adesso non ti resta che goderti il link di Whatsapp sul tuo sito web !</p>
<p>È stato utile l&#8217;articolo ? Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/chat-whatsapp-per-il-sito-web/">Chat Whatsapp per il sito Web</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/chat-whatsapp-per-il-sito-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Facebook Messenger sul tuo sito web</title>
		<link>https://alessandroalbergo.it/facebook-messenger-sul-tuo-sito-web/</link>
					<comments>https://alessandroalbergo.it/facebook-messenger-sul-tuo-sito-web/#respond</comments>
		
		<dc:creator><![CDATA[Alessandro Albergo]]></dc:creator>
		<pubDate>Fri, 09 Apr 2021 09:43:49 +0000</pubDate>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Chat]]></category>
		<category><![CDATA[form di contatto]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[plugin wordpress]]></category>
		<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Chat Facebook]]></category>
		<category><![CDATA[codice]]></category>
		<guid isPermaLink="false">https://alessandroalbergo.it/?p=3153</guid>

					<description><![CDATA[<p>Ciao, oggi ti spiegherò come integrare Facebook Messenger sul tuo sito web un maniera facile e veloce! Il tutto consiste nell&#8217;integrare il un &#8220;plugin&#8221;, o meglio snippet di codice generato da Facebook stesso, nella pagina web che desideri oppure in tutte le pagine. Attraverso il Messenger della tua pagina Facebook  che apparirà sul sito web,..</p>
<p>L'articolo <a href="https://alessandroalbergo.it/facebook-messenger-sul-tuo-sito-web/">Facebook Messenger sul tuo sito web</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Ciao, oggi ti spiegherò come integrare Facebook Messenger sul tuo sito web un maniera facile e veloce!</strong></p>
<p>Il tutto consiste nell&#8217;integrare il un &#8220;plugin&#8221;, o meglio <strong>snippet di codice</strong> generato da Facebook stesso, nella pagina web che desideri oppure in tutte le pagine.</p>
<p>Attraverso il <strong>Messenger della tua pagina Facebook  </strong>che apparirà sul sito web, potrai iniziare una conversazione con gli utenti o clienti senza che loro lascino il sito. A tua volta sarai in grado di rispondere alla chat attraverso l&#8217;applicazione sul tuo Smartphone ( <a style="color: #fac921;" href="https://apps.apple.com/it/app/facebook-business-suite/id514643583" target="_blank" rel="noopener">Business Suite Apple</a> &#8211; <a style="color: #fac921;" href="https://play.google.com/store/apps/details?id=com.facebook.pages.app&amp;hl=it&amp;gl=US" target="_blank" rel="noopener">Business Suite Android</a> ) o attraverso il sito di Facebook.</p>
<p>Che si tratti di un sito web &#8220;statico&#8221;, &#8220;dinamico&#8221; o un CMS (come per esempio WordPress), il procedimento e il risultato sarà lo stesso.</p>
<p>Per prima cosa quello che ti serve, sarà una pagina Facebook , si solo per chi ha una pagina (azienda, blogger, artista ecc..) ed è amministratore della stessa, può usufruire di questi servizi.</p>
<p><strong>Nota importante : Per procedere, il tuo sito web deve avere il certificato SSL , ovvero il protocollo &#8220;https://&#8221; .</strong></p>
<h3>Finite le premesse iniziamo subito con la generazione della nostra chat di Facebook Messenger sul sito web !</h3>
<p>Effettua l&#8217;accesso a Facebook e vai sulla pagina che gestisci ( non il tuo profilo, ma la pagina <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ) .</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-sito-web.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3158 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-sito-web.png" alt="" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-sito-web.png 429w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-sito-web-151x300.png 151w" sizes="(max-width: 429px) 100vw, 429px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Adesso clicchiamo &#8220;Impostazioni&#8221; , come vedi è l&#8217;ultima voce della sidebar che trovi sulla sinistra.</strong></p>
<p>Adesso vedrai cambiare le voci nella sidebar, bene clicchiamo &#8220;Messaggi&#8221; :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-Sito-Web-Messaggi.png" target="_blank" rel="noopener"><img decoding="async" class="wp-image-3161 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-Sito-Web-Messaggi.png" alt="Facebook Messenger Sito Web - Messaggi" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-Sito-Web-Messaggi.png 360w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Facebook-Messenger-Sito-Web-Messaggi-181x300.png 181w" sizes="(max-width: 360px) 100vw, 360px" /></a></p>
<p>&nbsp;</p>
<p>Sulla schermata di destra ci saranno tante voci riguardanti il settaggio dei messaggi, verso la fine (esattamente la terzultima voce) ci sarà &#8220;<strong>Aggiungi Messenger al tuo sito web</strong>&#8221; :</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-Messenger-al-sito-.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3162 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-Messenger-al-sito-.png" alt="" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-Messenger-al-sito-.png 1094w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-Messenger-al-sito--300x52.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-Messenger-al-sito--1024x176.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Aggiungi-Messenger-al-sito--768x132.png 768w" sizes="(max-width: 1094px) 100vw, 1094px" /></a></p>
<p>&nbsp;</p>
<p>Clicchiamo su &#8220;<strong>Inizia</strong>&#8221; !</p>
<p>Ora inizierà la configurazione guidata dove dovrai settare i messaggi automatici e copiare il codice che Facebook di fornisce per integrare la chat di messenger sul sito web :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Configurazione-Chat-Messenger-Facebook-sito-web.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3164 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Configurazione-Chat-Messenger-Facebook-sito-web.png" alt="" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Configurazione-Chat-Messenger-Facebook-sito-web.png 1803w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Configurazione-Chat-Messenger-Facebook-sito-web-300x144.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Configurazione-Chat-Messenger-Facebook-sito-web-1024x491.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Configurazione-Chat-Messenger-Facebook-sito-web-768x368.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Configurazione-Chat-Messenger-Facebook-sito-web-1536x736.png 1536w" sizes="(max-width: 1803px) 100vw, 1803px" /></a></p>
<p>&nbsp;</p>
<p>Divertiti come vuoi, puoi cambiare il colore, la prima frase di saluto per avviare la conversazione e personalizzare le FAQ con risposte automatiche.</p>
<p>Per ottenere il plug-in, ti basterà cliccare su configura e seguire i 4 steps, dove dovrai selezionare la lingua e copiare il codice che ti verrà dato :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Codice-Facebook-Chat-Sito-web.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3165 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Codice-Facebook-Chat-Sito-web.png" alt="" width="80%" height="80%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Codice-Facebook-Chat-Sito-web.png 732w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Codice-Facebook-Chat-Sito-web-300x187.png 300w" sizes="(max-width: 732px) 100vw, 732px" /></a></p>
<p>&nbsp;</p>
<p>Adesso che abbiamo il codice, non ci resta che integrarlo sul nostro sito subito prima della chiusura del TAG &#8220;&lt;/body&gt;&#8221; .</p>
<p>Su WordPress invece, dovrai cliccare su Aspetto -&gt; Editor del tema -&gt; Selezionare il tema in uso :</p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Wordpress-Chat-Facebook-messenger-codice.png" target="_blank" rel="noopener"><img decoding="async" class="wp-image-3172 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Wordpress-Chat-Facebook-messenger-codice.png" alt="Wordpress Chat Facebook messenger codice" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Wordpress-Chat-Facebook-messenger-codice.png 437w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Wordpress-Chat-Facebook-messenger-codice-300x239.png 300w" sizes="(max-width: 437px) 100vw, 437px" /></a></p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/body-chat-facebook-messenger-wordpress.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3173 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/body-chat-facebook-messenger-wordpress.png" alt="" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/body-chat-facebook-messenger-wordpress.png 1711w, https://alessandroalbergo.it/wp-content/uploads/2021/04/body-chat-facebook-messenger-wordpress-300x135.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/body-chat-facebook-messenger-wordpress-1024x460.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/body-chat-facebook-messenger-wordpress-768x345.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/body-chat-facebook-messenger-wordpress-1536x690.png 1536w" sizes="(max-width: 1711px) 100vw, 1711px" /></a></p>
<p>&nbsp;</p>
<p>Dovrai incollare il plug-in subito prima della chiusura del &#8220;<strong>/body</strong>&#8220;, proprio dove vedi la linea blu nell&#8217;immagine esempio .</p>
<p>Adesso dovresti vedere sul tuo sito web la chat a comparsa, potrai anche decidere dall&#8217;impostazione della Pagina Facebook di far aprire in automatico la conversazione oppure solamente al click sull&#8217;icona.</p>
<p><strong>Per la visuale Desktop dovresti vedere qualcosa del genere :</strong></p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/esempio-facebook-messenger.png" target="_blank" rel="noopener"><img decoding="async" class="aligncenter wp-image-3175 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/esempio-facebook-messenger.png" alt="esempio Facebook Messenger" width="100%" height="100%" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/esempio-facebook-messenger.png 1901w, https://alessandroalbergo.it/wp-content/uploads/2021/04/esempio-facebook-messenger-300x147.png 300w, https://alessandroalbergo.it/wp-content/uploads/2021/04/esempio-facebook-messenger-1024x502.png 1024w, https://alessandroalbergo.it/wp-content/uploads/2021/04/esempio-facebook-messenger-768x377.png 768w, https://alessandroalbergo.it/wp-content/uploads/2021/04/esempio-facebook-messenger-1536x753.png 1536w" sizes="(max-width: 1901px) 100vw, 1901px" /></a></p>
<p>&nbsp;</p>
<p><strong>Per il mobile invece : </strong></p>
<p>&nbsp;</p>
<p><a href="https://alessandroalbergo.it/wp-content/uploads/2021/04/Mobile-chat-facebook-messenger-sito-web.png" target="_blank" rel="noopener"><img fetchpriority="high" decoding="async" class="aligncenter wp-image-3176 size-full" src="https://alessandroalbergo.it/wp-content/uploads/2021/04/Mobile-chat-facebook-messenger-sito-web.png" alt="" width="264" height="569" srcset="https://alessandroalbergo.it/wp-content/uploads/2021/04/Mobile-chat-facebook-messenger-sito-web.png 264w, https://alessandroalbergo.it/wp-content/uploads/2021/04/Mobile-chat-facebook-messenger-sito-web-139x300.png 139w" sizes="(max-width: 264px) 100vw, 264px" /></a></p>
<p>&nbsp;</p>
<p>Ottimo, adesso se hai seguito tutti i passaggi avrai la tua chat pronta sul sito web ! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>È stato utile l&#8217;articolo ? Lasciami un commento <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>L'articolo <a href="https://alessandroalbergo.it/facebook-messenger-sul-tuo-sito-web/">Facebook Messenger sul tuo sito web</a> proviene da <a href="https://alessandroalbergo.it">Alessandro Albergo</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alessandroalbergo.it/facebook-messenger-sul-tuo-sito-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
