Criando um Call-to-Action dentro do builder sem um Template


Fala galera, tudo certo?

Em alguns estudos que realizei, descobri uma maneira de criar um call-to-action dentro do builder sem precisar de um template. Esse call-to-action funciona tanto no WhatsApp quanto no Webchat.

Vamos então ao tutorial:

Primeiro criamos dois scripts:

  1. O primeiro para o MIME type do conteúdo. Esse script é para modificar o tipo de conteúdo do bot caso seja WhatsApp ou Webchat.
    Logo abaixo vemos o código, variável de entrada e retorno.
    function run(canal) {
    let whats = "application/json";
    let blip = "application/vnd.lime.collection+json";
    let typeMimeCarousel = canal == "WhatsApp" ? whats : blip;
    return typeMimeCarousel;
    }

    O segundo código é o call-to-action em sí. Abaixo, o código variável de entrada e retorno.
     

    function run(canal) {  
    let menuWhats = {
    "type": "interactive",
    "interactive": {
    "type": "cta_url",
    /* Header é opcional
    "header": {
    "type": "text",
    "text": "Teste header"
    },*/
    "body": {
    "text": `Você também pode emitir no aplicativo, na opção *"Boletos e Faturas".* 📲`
    },
    /* footer é opcional
    "footer": {
    "text": "Test footer"
    },*/
    "action": {
    "name": "cta_url",
    "parameters": {
    "display_text": "Baixar o app",
    "url": "https://www.unimedpoa.com.br"
    }
    }
    }
    };

    let menuBlip = {
    "itemType": "application/vnd.lime.document-select+json",
    "items": [
    {
    "header": {
    "type": "application/vnd.lime.media-link+json",
    "value": {
    "title": "",
    "text": `Você também pode emitir no aplicativo, na opção <b>"Boletos e Faturas".</b> 📲`,
    }
    },
    "options": [
    {
    "label": {
    "type": "application/vnd.lime.web-link+json",
    "value": {
    "title": "Baixar o app",
    "uri": "https://www.unimedpoa.com.br",

    }
    }
    }
    ]
    }
    ]
    };

    let message = canal == "WhatsApp" ? menuWhats : menuBlip;

    return message;
    }





    Note que os campos header e footer são opcionais.

  2. E por fim o resultado:

Resultado no WhatsApp:
 

No WhatsApp Web esse CTA não aparece somente no celular

Resultado no Webchat:
​​​​​​



É isso 😁 espero ter ajudado.

!-->


Nenhum comentário

Nenhum comentário

Comente