Skip to main content

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

  • 26 de abril de 2024
  • 1 comentário
  • 367 Visualizações

Jeferson Oliveira

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.

!-->

O conteúdo deste tópico foi útil para você?

Forum|alt.badge.img+3

porque será que só carrega no Celular e não no Web ?


Comente


Cookie Policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Definições de cookies