Convierta su sitio web de WordPress en una máquina potencial de generación de clientes

Su fantástico sitio se ejecuta en WordPress y su CRM elegido es Salesforce, pero simplemente no puede hacer que las dos aplicaciones jueguen maravillosamente juntas. ¡Deja de preocuparte, en este consejo diario le mostraremos cómo integrar WordPress y Salesforce y convertir su sitio en un automóvil potencial de generación de clientes! Una nota antes de comenzar: utilizaremos la función Web-to-Top de Salesforce, que requiere usar la plataforma de edición grupal o una versión más alta. ¿Por qué integrar WordPress con Salesforce? Los beneficios de usar un CRM para rastrear a los clientes potenciales son numerosos, demasiado numerosos para figurar en este artículo, pero es seguro decir que las empresas que siguen y analizan las ventas tienen resultados mucho mejores que los que no lo hacen.
Hay algunos complementos que conectan las dos plataformas e incluso algunas aplicaciones de Salesforce, pero generalmente son ofertas premium vendidas a precios ridículamente altos. Efectivamente, esto pone a disposición de la persona que acaba de iniciar un sitio de comercio electrónico. WordPress es una plataforma web fantástica y probablemente se usa para la mayoría de su proceso de ventas front-end. Y debido a que WordPress no es exactamente el mejor CRM de regla, los datos de su cliente se ignoran o se mantienen exclusivamente en Salesforce (y luego se ignoran). Y es por eso que Salesforce nos ofrece el formulario web a retención.
Salesforce Web-to-cirads Su cuenta de Salesforce incluye una función llamada Web-to-Cords, que le permite crear un formulario con los campos de contacto que desea rastrear y luego darle el código HTML para instalar ese formulario en Cerrar cualquier sitio web: incluyendo tu blog de WordPress. Creación de un formulario de web a ser vendido Inicie sesión en su cuenta de Salesforce y busque el menú de configuración. Se ubicará en el menú desplegable, que es su nombre en la esquina superior derecha del sitio. Menús de configuración de Salesforce ubicados bajo su nombre a la parte superior derecha una vez, en el panel de administración de la barra lateral desde la izquierda, navegue por la configuración de la aplicación, Bajo la opción “Personalización”, elija “Leads” y luego ** Web-to Can. **

En su configuración web a sepía, asegúrese de ser activado para la web. Si no, haga clic en el botón de edición y activelo. Guarde los cambios y vuelva al área de configuración web a soldada.
Active el formulario Salesforce web a soldado en el área de configuración de la aplicación Haga clic en el botón “Crear el formulario web a soldado” para crear un nuevo formulario para usar en su sitio web. En la caja de la izquierda, verá todos los campos disponibles para su uso. El cuadro de la derecha muestra los campos que seleccionó para el formulario real. Debajo de las cajas verá espacio para ingresar a una URL. Esta es la página a la que redirigirá a los usuarios después de completar el formulario en su sitio no es obligatorio, pero es un toque agradable llevar a los usuarios a una página que les informa que el formulario se ha enviado con éxito y que usted recibió el recibido. información. Por supuesto, esto requiere que ya tenga esa página que funciona en su sitio. Cuando esté satisfecho con los campos y haya completado la URL de redirección, haga clic en el botón “Generación”. Copiar el código del formulario web a SiBli Salesforce genera automáticamente el código HTML necesario para producir el formulario Web-to CAN. Resalte el código en la ventana, copie y visite la página Post o WordPress que desea aparecer. Edición del formulario web a soldado en WordPress Tome el código de Salesforce e insértelo en el código HTML del editor o páginas de publicación. En el WP 3.5, esa área del editor de post / página se ha llamado “texto” y su pestaña se puede encontrar en la parte superior derecha del área de edición.

Desafortunadamente, Salesforce nos da un código adicional que no es necesario. Estas son líneas comentadas y una definición del conjunto de caracteres, que WordPress ya define. Por lo tanto, puede eliminar todo hacia adelante (pero sin incluir esta línea: {tipo de código = php} También querrá eliminar la sección comentada, que se ve así: {código tipo = php} Este es un código opcional para ayudar a los desarrolladores a romper el formulario, pero no lo necesitaremos aquí. Ver el formulario web a vendido en una página de WordPress que permanece con un código de formulario limpio en HTML. Cuando haya terminado de editar la página, puede publicarla y verla. Fórmula de web a top sin estilo Las cajas de inserción de formularios se colocan a la derecha de las etiquetas de nuestros formularios. Estas dos columnas de campo son demasiado cercanas, por lo que haremos algunos cambios CSS para que nuestra forma sea más agradable. Pero primero, tendremos que agregar algunas clases al código de formulario web a soldado, lo que facilitará el estilo y asegurará que los cambios que realizamos aquí no afecten otras formas que ya podrían estar en el sitio. . Agregar clases al código de formulario web a soldado de Salesforce regresa a su pestaña HTML de su página de WordPress. Agregaremos algunas clases a estos elementos de formulario.
Encuentre la primera línea del código de formulario. Debería verse así: {tipo de código = php} agregaremos un clase insertando las palabras id = “sfwtlform” inmediatamente después de la palabra “formulario”. Su línea editada debe ser la siguiente: {tipo de código = php} Ahora, encuentre la última línea del código de formulario, antes la forma de cerrar la forma. Este es el código que reproduce el botón de formulario. {Tipo de código = Php} Agregaremos una ID a este código: id = “SfwtlButton”. Esto nos permitirá atar el botón separado de los otros campos para ingresar al formulario. La línea de código editada debe verse así: {Código tipo = php} Guarde los cambios y vuelva a publicar la página. Esto no cambiará el aspecto de su forma frontal … todavía. Haremos esto en un momento con algo CSS.
Una nota sobre la inserción del código: a veces, cuando copia e inserta el código de un navegador a un editor, la copia doble directa copias como citas onduladas. Esto generará un error, por lo que le recomendamos que ingrese id = “sfwtlform” directamente en el código de formulario, en lugar de copiarlo de este artículo y pegarlo. Limpie el formulario de web a camarilla con la idea de editar CSS es es es Para hacer que este formulario web a firmar coincida con el aspecto de su sitio más de cerca para hacerlo, editaremos el archivo style.css. En mi ejemplo, uso una instalación de stock de veinte doce en WordPress 3.5. Esa hoja de estilo está en el director del tema. Su archivo probablemente estará en un lugar similar, y de esa manera se verá así: http://yoursite.com/wp-content/themes/yourthemename/style.cssva debe usar un editor de código personalizado o editar el archivo de tema directamente en el editor de código de WordPress (no recomendado). Una vez que haya abierto ese archivo, puede crear una nueva sección en la parte inferior del archivo e ingresar el siguiente código: {Tipo de código = Php} / * Salesforce Web para liderar el estilo * / #SFWTLForm etiqueta {width: 150px; Display: Inline-Block;} #SFWTLFORM ENTER {Width: 200px;} #SFWTLFORM #SFWTLBUTTON {Width: 100px;} No se preocupe, lo detallaremos para una fila para usted. La primera línea de código es un comentario. En realidad no es necesario, pero ayuda a mantener el código organizado: {tipo de código = php} / * Salesforce Web al estilo de liderar * /

La segunda línea le dice a nuestro navegador que se dirige al formulario con un ID = SFWTLFORM y solo ese formulario. {código tipo = php} #sfwtlform etiqueta {width: 150px; Pantalla: bloque en línea;} Esto asegurará que cualquier estilo que hagamos aquí se aplique solo a este formulario y no a otras formas que ya puedan existir en su sitio, como los formularios de boletín a través de E -Mail. Aquí, configuramos la etiqueta para mostrar como un elemento de bloque en línea, lo que lo hace posible y establecer un ancho de 150 píxeles. Esto nos da una separación uniforme entre la etiqueta y el campo de entrada, como se muestra. CSS Personalizados puede ayudar a los campos de formulario separados, lo que hace que sean más fáciles de leer y completar la tercera línea le dice al navegador que los campos de entrada deben tener un ancho de 200 píxeles . {Code Type = Php} #SFWTLForm Entry {Width: 200px;} Esto les da a nuestros visitantes un poco más de espacio para ingresar su información. La cuarta y última línea le dice al navegador que haga el botón de referencia a solo 100 píxeles. {Código tipo = php} #sfwtlform #sfwtlButton {width: 100px;} El botón Enviar también es un botón de inserción, por lo que sin esta línea, el botón Enviar en la parte inferior del formulario será tan largo como los campos de texto de la introducción, que se vería horrible. El producto terminado cuando termina todo, el producto terminado debería verse así:

El formulario completado con cambios CSS personalizados hizo que el formulario final sea mucho más limpio y más fácil de leer y completar por los usuarios. Las etiquetas están alineadas correctamente, y el espacio antes de que el campo introductorio sea uniforme. Los campos introductorios son de longitud uniforme, lo que le da al usuario más espacio para ingresar líneas de texto más largas sin tener que preocuparse por el desplazamiento. Por supuesto, puede cambiar los anchos de píxeles e incluso los colores de estos campos de formulario para adaptarse mejor a su diseño de su sitio en su fuerza de ventas cuando un visitante complete el formulario de web a puedo, su información se enviará automáticamente a su aplicación Salesforce y se colocará. en la sección de leads. Esto hace que el seguimiento de los clientes potenciales sea mucho más fácil que buscar miembros/usuarios cuando intenta usar WordPress como CM. El contacto con los complementos de lujo de resumen de Salesforce CRM y solo unas pocas filas de código personalizadas, ha agregado un formulario que integra su WordPress Sitio web con Salesforce CRM. ¡Ahora, todo lo que queda por hacer es sentarse en la parte de atrás y ver cómo se reúnen los clientes!