{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"settings":"","params":[]},"next":{"description":"","pages":[]},"title":"WooCommerce","type":"basic","slug":"woocommerce","excerpt":"","body":"Com o plugin da Dito para WooCommerce, você poderá trackear automaticamente o comportamento das pessoas em seu site feito em WooCommerce.\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-woocommerce/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/3d0e513-Screenshot_from_2018-09-18_16-24-51.png\",\n        \"Screenshot from 2018-09-18 16-24-51.png\",\n        1319,\n        243,\n        \"#eff6f5\"\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* `Secret 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/27270b7-Screenshot_from_2018-09-18_16-10-33.png\",\n        \"Screenshot from 2018-09-18 16-10-33.png\",\n        1350,\n        603,\n        \"#f4f4ea\"\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.","updates":[],"order":12,"isReference":false,"hidden":true,"sync_unique":"","link_url":"","link_external":false,"_id":"5ba14816098fb90003fe8062","project":"5538fb24dc5dd00d00e1da91","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},"user":"55bbb13fa8400c2d00873f1e","createdAt":"2018-09-18T18:46:46.055Z","__v":0,"parentDoc":null}
Com o plugin da Dito para WooCommerce, você poderá trackear automaticamente o comportamento das pessoas em seu site feito em WooCommerce. ## Instalação #### 1) Através do admin do Wordpress 1. Baixe o arquivo [master.zip](https://github.com/ditointernet/dito-woocommerce/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/3d0e513-Screenshot_from_2018-09-18_16-24-51.png", "Screenshot from 2018-09-18 16-24-51.png", 1319, 243, "#eff6f5" ], "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; * `Secret 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/27270b7-Screenshot_from_2018-09-18_16-10-33.png", "Screenshot from 2018-09-18 16-10-33.png", 1350, 603, "#f4f4ea" ], "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.