.png?height=120&name=rockcontent-branco%20(1).png)
Se você gostaria de incorporar Marketo forms nas suas Ion experiences, verifique esta postagem para redirecionar facilmente seu código de incorporação do Marketo em um widget reutilizável Ion. Seguir estas etapas permitirá que você redirecione os usuários para uma Ion page após o envio do formulário e adicione Ion rule logic aos seus Marketo forms.
Antes de começarmos
A primeira etapa é gerar o Embed code para o Marketo form. O documento de suporte do Marketo vinculado aqui descreve as etapas a serem seguidas. Seu código será semelhante ao exemplo compartilhado no site de suporte do Marketo, também exibido abaixo.
https://support.ioninteractive.com/hc/article_attachments/115005440543/mktoEmbedCode.png
Vamos começar!
Agora que você tem seu Marketo embed code, vamos redirecioná-lo para um widget reutilizável Ion. Existem três itens que você precisa substituir no Ion widget code. Vamos usar o exemplo de MKTO script para ajudar a identificar esses três itens.
1. Sua Script source
O valor da Script source no exemplo MKTO é:
//app-sjint.marketo.com/js/forms2/js/forms2.js
2. O domínio da sua Script source
O valor do domínio no exemplo MKTO é:
3. Seu MKTO ACCT ID
O valor de ACCOUNT ID do exemplo MKTO é:
162-LBR-557
Atualize o Ion widget code
Agora que você identificou os três itens necessários, atualize os Placeholders no Ion widget code abaixo com os valores apropriados. Nenhuma outra modificação deve ser feita no Ion widget code.
<script src="YOUR SCRIPT SOURCE (#1)"></script>
<div id="mktoFormWrapper"></div>
<script type="text/javascript">
(function (runtime) {
var mktoFormID = "##formID";
var mktoFormElm = document.createElement('form');
mktoFormElm.setAttribute("id", "mktoForm_" + mktoFormID);
var formPosition = document.getElementById('mktoFormWrapper');
formPosition.appendChild(mktoFormElm);
MktoForms2.loadForm("THE DOMAIN OF YOUR SCRIPT SOURCE (#2)", "YOUR MKTO ACCT ID (#3)", mktoFormID, function(form) {
//onSuccess handler
form.onSuccess(function(values, followUpUrl) {
// override followUpUrl if another URL is set in ion
var thankYouPageURL = "##thankyou_url";
if (thankYouPageURL.length > 0) {
top.location.href = thankYouPageURL;
return false;
}
return true;
});
});
})(ixp.runtime);
</script>
Adicione o Widget code à sua Ion library
Em Ion, navegue até Libraries > Widgets e clique no sinal de mais verde para adicionar um novo widget. Recomendamos rotular o widget com algo como Embed Form e armazená-lo em uma categoria chamada Marketo. Cole o código do widget acima no editor com os valores adequados para a Script source, Domain of script source e Account id.
Antes de salvar, vá em frente e defina o id do formulário como texto obrigatório e nextPage como uma ação necessária, como no exemplo abaixo:
https://support.ioninteractive.com/hc/article_attachments/115005444023/widgetParams.png
Adicione o Widget à sua Ion experience
Navegue até a página onde deseja incorporar o Marketo form. Arraste o ícone do widget da Basics palette para sua página e selecione seu novo Marketo > Embed Form widget. Em seguida, em Variables, no Creative Studio, insira a Form id do Marketo embed code e selecione a Ion page para a qual deseja redirecionar.
Pronto! Seu Marketo form agora está incorporado em sua Ion experience! Você pode até adicionar Ion rule logic ao Marketo form. Por exemplo: as regras podem ser usadas para marcar como Converted, Tag ou Conditionally redirect respondents.
Funnel Dialogue Data para o Marketo
Se você estiver coletando informações valiosas antes do envio do formulário, esses Data points podem ser canalizados para o Marketo form widget com um pouco de personalização. Você precisará adicionar campos ocultos ao seu Marketo form para receber esses Data points. Seu Marketo embed widget será atualizado para salvar esses Ion data points nos campos correspondentes do Marketo form. Entre em contato com help@rockcontent.com para obter ajuda com essa etapa.