{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","settings":"","params":[],"results":{"codes":[]}},"next":{"description":"","pages":[]},"title":"Wordpress","type":"basic","slug":"wordpress","excerpt":"","body":"Com o plugin da Dito para Wordpress, você poderá trackear automaticamente o comportamento das pessoas em seu site ou blog feito em Wordpress.\n\n## Instalação\n\n#### 1) Através do admin do Wordpress\n\n1. Baixe o arquivo [master.zip](https://github.com/ditointernet/dito-wordpress/archive/master.zip) para seu computador;\n1. No admin do seu site em Wordpres clique em `Plugins` e em seguida em `Adicionar novo`;\n1. Clique em `Fazer upload do plugin`;\n1. Escolha o arquivo que você baixou no `passo 1` e clique em Instalar agora;\n1. Ative o plugin clicando na aba `Plugins` e, em seguida na lista de plugins, procure e clique em \"Ativar\" o plugin da Dito;\n1. Pronto! O plugin está instalado e você já pode configurá-lo para utilizar a Dito.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/nvPI08YRV6jE0QzeY6AR_ativar-plugin-ss-575c1adc879772e0e035e35d42e0194c.png\",\n        \"ativar-plugin-ss-575c1adc879772e0e035e35d42e0194c.png\",\n        \"794\",\n        \"191\",\n        \"#42a9d5\",\n        \"\"\n      ],\n      \"caption\": \"Ativar o plugin\"\n    }\n  ]\n}\n[/block]\n## Configurando o plugin\n\nCom o plugin ativado, um item com o nome `Dito` irá aparecer no menu lateral do admin do seu Wordpress.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ipaCmadZSMCyfvZbTlLh_sidebar-plugin-ss-706d8976a79cd4533a2ca43b163ef817.png\",\n        \"sidebar-plugin-ss-706d8976a79cd4533a2ca43b163ef817.png\",\n        \"428\",\n        \"250\",\n        \"#7c514a\",\n        \"\"\n      ],\n      \"caption\": \"Menu da Dito\"\n    }\n  ]\n}\n[/block]\nClique no item `Dito` e você será redirecionado para a página de configuração da Dito.\n\nNessa página você poderá configurar as seguintes informações:\n\n* `API Key` da plataforma da Dito;\n* Eventos que você deseja trackear em seu site ou blog;\n* Seletores para identificação dos usuários via newsletter\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/QehoMcRCa4xnuNoE1YGw_settings-ss-8c756ba7f61777c41c79ee40f6ade83f.png\",\n        \"settings-ss-8c756ba7f61777c41c79ee40f6ade83f.png\",\n        \"1280\",\n        \"614\",\n        \"#9e5b41\",\n        \"\"\n      ],\n      \"caption\": \"Configurações do plugin\"\n    }\n  ]\n}\n[/block]\n## Entendendo os seletores\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/bfc3550-Captura_de_Tela_2018-02-20_as_13.49.23.png\",\n        \"Captura de Tela 2018-02-20 às 13.49.23.png\",\n        2480,\n        720,\n        \"#e2e3e3\"\n      ],\n      \"caption\": \"Configuração dos seletores\"\n    }\n  ]\n}\n[/block]\nOs seletores são identificadores do html do seu blog que irá permitir a Dito capturar o nome, o e-mail e o clique do usuário ao se inscrever na sua newsletter. Com isso, a Dito ficará apta a cadastrar seus novos usuários assim como os seus eventos de navegação.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2a84834-Captura_de_Tela_2018-02-20_as_13.51.44.png\",\n        \"Captura de Tela 2018-02-20 às 13.51.44.png\",\n        2874,\n        1328,\n        \"#5e873f\"\n      ],\n      \"caption\": \"Newsletter Dito\"\n    }\n  ]\n}\n[/block]\nUma forma fácil de se pegar os seletores é clicando com o botão direito do mouse em cima do elemento e selecionar a opção \"inspecionar\"\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/e91e74b-Captura_de_Tela_2018-02-20_as_13.53.19.png\",\n        \"Captura de Tela 2018-02-20 às 13.53.19.png\",\n        2874,\n        1524,\n        \"#3d3d3d\"\n      ],\n      \"caption\": \"Inspecionar elemento\"\n    }\n  ]\n}\n[/block]\nApós isso, irá abrir uma tela com o html da página. Espere carregar e clique com o botão direito do mouse, selecione \"copy\" e depois \"copy selector\"\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/96b239b-Captura_de_Tela_2018-02-20_as_13.54.23.png\",\n        \"Captura de Tela 2018-02-20 às 13.54.23.png\",\n        2874,\n        1546,\n        \"#e5e5e6\"\n      ],\n      \"caption\": \"Copiando seletor\"\n    }\n  ]\n}\n[/block]\nPronto. Agora basta repetir esses passos para o campo de nome, e-mail e para o botão e preenche-los no admin do Wordpress.\n\n#### Adicionando o domínio nas configurações do dashboard\n\nNão se esqueça também de adicionar o domínio do seu blog na [tela de configurações](https://crm.dito.com.br/settings/app) do seu dashboard. Por exemplo, se seu blog for hospedado em um subdomínio como blog.dito.com.br, você precisa adicionar esse domínio na tela de configurações. Veja o exemplo: \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/eb66b03-add_dominio_dashboard.png\",\n        \"add_dominio_dashboard.png\",\n        1139,\n        628,\n        \"#f6f6ef\"\n      ]\n    }\n  ]\n}\n[/block]\nIsso é tudo! Agora você está preparado para captar os *leads* do seu blog Wordpress!","updates":[],"order":0,"isReference":false,"hidden":true,"sync_unique":"","link_url":"","link_external":false,"_id":"5547cee8d3427d0d00cd6e2e","project":"5538fb24dc5dd00d00e1da91","user":"5538fa99545cd90d0011e593","__v":5,"version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["5538fb25dc5dd00d00e1da95","5538feec27f8540d0024f00e","5547cbd3d3427d0d00cd6e2d","554a574f0b54d30d007fe0f9","55afbdbef202b12100cd9eeb","5c016f198e69b802d4385e25","5c81470b175ad6002457d9fa","5c81472e74fd5a0063420bae","5c81476b2dd69100430ea5a4"],"_id":"5538fb25dc5dd00d00e1da94","createdAt":"2015-04-23T14:01:09.040Z","project":"5538fb24dc5dd00d00e1da91","__v":9,"releaseDate":"2015-04-23T14:01:09.040Z"},"category":{"sync":{"isSync":false,"url":""},"pages":["5547cee8d3427d0d00cd6e2e","554a3912b9fb933900cc7520","5568726e6976ef0d0099c77b","569fe88b41766e0d00b28c18","569ff4a4ef1b072f00346a22","569ff53a66c8420d00d7fc5f","569ff554beb79a17009f8fd7","569ff5806c5c930d007e2366","569ff592c0864f170056519b","569ff5b66c5c930d007e2368","569ff5d36c5c930d007e236a","569ff5ea66c8420d00d7fc61"],"title":"Plugins","slug":"plugins","order":2,"from_sync":false,"reference":false,"_id":"5547cbd3d3427d0d00cd6e2d","createdAt":"2015-05-04T19:43:15.387Z","project":"5538fb24dc5dd00d00e1da91","version":"5538fb25dc5dd00d00e1da94","__v":12},"createdAt":"2015-05-04T19:56:24.436Z","githubsync":"","parentDoc":null}
Com o plugin da Dito para Wordpress, você poderá trackear automaticamente o comportamento das pessoas em seu site ou blog feito em Wordpress. ## Instalação #### 1) Através do admin do Wordpress 1. Baixe o arquivo [master.zip](https://github.com/ditointernet/dito-wordpress/archive/master.zip) para seu computador; 1. No admin do seu site em Wordpres clique em `Plugins` e em seguida em `Adicionar novo`; 1. Clique em `Fazer upload do plugin`; 1. Escolha o arquivo que você baixou no `passo 1` e clique em Instalar agora; 1. Ative o plugin clicando na aba `Plugins` e, em seguida na lista de plugins, procure e clique em "Ativar" o plugin da Dito; 1. Pronto! O plugin está instalado e você já pode configurá-lo para utilizar a Dito. [block:image] { "images": [ { "image": [ "https://files.readme.io/nvPI08YRV6jE0QzeY6AR_ativar-plugin-ss-575c1adc879772e0e035e35d42e0194c.png", "ativar-plugin-ss-575c1adc879772e0e035e35d42e0194c.png", "794", "191", "#42a9d5", "" ], "caption": "Ativar o plugin" } ] } [/block] ## Configurando o plugin Com o plugin ativado, um item com o nome `Dito` irá aparecer no menu lateral do admin do seu Wordpress. [block:image] { "images": [ { "image": [ "https://files.readme.io/ipaCmadZSMCyfvZbTlLh_sidebar-plugin-ss-706d8976a79cd4533a2ca43b163ef817.png", "sidebar-plugin-ss-706d8976a79cd4533a2ca43b163ef817.png", "428", "250", "#7c514a", "" ], "caption": "Menu da Dito" } ] } [/block] Clique no item `Dito` e você será redirecionado para a página de configuração da Dito. Nessa página você poderá configurar as seguintes informações: * `API Key` da plataforma da Dito; * Eventos que você deseja trackear em seu site ou blog; * Seletores para identificação dos usuários via newsletter [block:image] { "images": [ { "image": [ "https://files.readme.io/QehoMcRCa4xnuNoE1YGw_settings-ss-8c756ba7f61777c41c79ee40f6ade83f.png", "settings-ss-8c756ba7f61777c41c79ee40f6ade83f.png", "1280", "614", "#9e5b41", "" ], "caption": "Configurações do plugin" } ] } [/block] ## Entendendo os seletores [block:image] { "images": [ { "image": [ "https://files.readme.io/bfc3550-Captura_de_Tela_2018-02-20_as_13.49.23.png", "Captura de Tela 2018-02-20 às 13.49.23.png", 2480, 720, "#e2e3e3" ], "caption": "Configuração dos seletores" } ] } [/block] Os seletores são identificadores do html do seu blog que irá permitir a Dito capturar o nome, o e-mail e o clique do usuário ao se inscrever na sua newsletter. Com isso, a Dito ficará apta a cadastrar seus novos usuários assim como os seus eventos de navegação. [block:image] { "images": [ { "image": [ "https://files.readme.io/2a84834-Captura_de_Tela_2018-02-20_as_13.51.44.png", "Captura de Tela 2018-02-20 às 13.51.44.png", 2874, 1328, "#5e873f" ], "caption": "Newsletter Dito" } ] } [/block] Uma forma fácil de se pegar os seletores é clicando com o botão direito do mouse em cima do elemento e selecionar a opção "inspecionar" [block:image] { "images": [ { "image": [ "https://files.readme.io/e91e74b-Captura_de_Tela_2018-02-20_as_13.53.19.png", "Captura de Tela 2018-02-20 às 13.53.19.png", 2874, 1524, "#3d3d3d" ], "caption": "Inspecionar elemento" } ] } [/block] Após isso, irá abrir uma tela com o html da página. Espere carregar e clique com o botão direito do mouse, selecione "copy" e depois "copy selector" [block:image] { "images": [ { "image": [ "https://files.readme.io/96b239b-Captura_de_Tela_2018-02-20_as_13.54.23.png", "Captura de Tela 2018-02-20 às 13.54.23.png", 2874, 1546, "#e5e5e6" ], "caption": "Copiando seletor" } ] } [/block] Pronto. Agora basta repetir esses passos para o campo de nome, e-mail e para o botão e preenche-los no admin do Wordpress. #### Adicionando o domínio nas configurações do dashboard Não se esqueça também de adicionar o domínio do seu blog na [tela de configurações](https://crm.dito.com.br/settings/app) do seu dashboard. Por exemplo, se seu blog for hospedado em um subdomínio como blog.dito.com.br, você precisa adicionar esse domínio na tela de configurações. Veja o exemplo: [block:image] { "images": [ { "image": [ "https://files.readme.io/eb66b03-add_dominio_dashboard.png", "add_dominio_dashboard.png", 1139, 628, "#f6f6ef" ] } ] } [/block] Isso é tudo! Agora você está preparado para captar os *leads* do seu blog Wordpress!