Las versiones Avanzadas y Pro de Ring It Up ofrecen la capacidad de personalizar la apariencia de sus comprobantes. Debido a que las plantillas están basadas en HTML, un usuario puede hacer prácticamente todo lo que podría hacer con una página web. HTML (Hyper Text Markup Language) es el utilizado en la mayoría de los sitios de internet actuales. No es el objetivo de esta guía desarrollar las características de HTML, simplemente se lo menciona como lo forma utilizada para personalizar la apariencia de los comprobantes.
Requisitos:
- Un editor de texto capaz de modificar archivos HTML en su formato original sin mostrar la salida predeterminada. Existen en el mercado un sin número de opciones, algunos ejemplos: Dream Weaver, iWeb, Adobe Go Live.
- Un conocimiento básico de HTML. Mientras que HTML es un lenguaje relativamente sencillo de aprender, la instrucción en HTML está más allá del alcance de esta Guía del usuario y debe buscarse en otra parte.
Personalizando el diseño de los comprobantes y correos electrónicos:
Personalización de la apariencia de su recibo funciona incrustando marcadores de posición en alguno de los archivos de plantilla, cuando el programa encuentra los marcadores de posición los reemplaza con los datos reales de la aplicación o la base de datos. Estos marcadores de posición pueden asumir diversos formatos, en general el formato que se ha adoptado hasta ahora es básicamente una palabra o frase rodeado por dos signos “##”. El significado de los datos que representan los marcadores de posición son generalmente auto explicados, pero se dará una explicación más detallada de aquellos que podrían ser confusos.
Logos:
Debido a que la aplicación de Correo del iPhone/iPad no permite adjuntar una imagen en el lugar que usted desea, para incluir el logo de su empresa u otro elemento gráfico, se deben utilizar marcas de imagen en HTML; esencialmente se debe subir el logo a un servidor con acceso público desde internet, embeber una marca <img> en su plantilla para que cuando su cliente lea el correo enviado por usted, su logo pueda aparecer.
Por ejemplo: <img src=http://www.pingysoft.com/logo.jpg> Asegúrese de incluir el “<img src = and >” alrededor de la URL; por supuesto que usted debe usar una URL que corresponda al logo de su empresa.
Otra alternativa es convertir su logo en una “cadena de Base64” (disculpas si el término es muy técnico, pero es así). Vaya a Base64 Image Converter Tool y seleccione la imagen de su logo para subirla; esta herramienta basada en web convertirá su imagen en una con formato HTML para que sea agregada en la configuración de Ring It Up.
Luego que ha convertido la imágen “copie” el resultado al portapapeles y siga los siguientes pasos:
Atención: el * debe ser reemplazado por ‘comillas dobles’
1) Abra la aplicación de Corre en su dispositivo.
2) En el cuerpo del correo escriba lo siguiente:
<img alt=*Business logo* src=*
3) “pegue” el contenido del portapapeles de lo generado con la transformación Base64.
4) Agregue al final:
* />
5) Envíese el correo a usted mismo.
La línea completa debe lucir similar a esto:
<img alt=*Business logo* src=*data:image/png;base64,jusmxhehs…xldamd* />
Atención: el * debe ser reemplazado por ‘comillas dobles’
Ingrese en Ring It Up y diríjase a Ajustes / Ajustes de correo y vaya hasta la etiqueta que dice “Logotipo HTML” y “pegue” el contenido del correo que se ha enviado.
Si tiene dificultades para realizar el seteo, simplemente escríbanos.
Botón de Paypal:
Agregar un botón de PayPal a sus facturas es fácil. En primer lugar, diríjase a la sección Ajustes / Ajustes de correo. Desplácese hasta el fondo hasta la opción “Incluir botón de PayPal” y encienda el indicador. A continuación, establezca su dirección de correo electrónico de Paypal. Si está utilizando la plantilla predeterminada, el botón de marcador de posición de Paypal ya existe y no es necesario hacer nada más; sin embargo, si usted está utilizando actualmente una nueva plantilla, tendrá que añadir el marcador ##PaypalButton## en su nueva plantilla para poder utilizar esta nueva característica.
*Nota: Cuando esta característica está habilitada, el botón solamente aparecerá cuando envía un ticket con un saldo a pagar. No aparecerá en OCs ni en transacciones de Cotizaciones.
*Usuarios de PDF: Si bien el botón de Paypal aparecerá en los comprobante PDF, algunos programas que leen PDF pueden tener deshabilitada la posibilidad de presionar en el link correspondiente, si esto ocurre, recomendamos utilizar otra aplicación diferente para leer PDF.
Personalización de Plantillas:
- La mejor forma de entender el funcionamiento es usar una plantilla de ejemplo; para eso siga los pasos descritos en el capítulo de “Exportar Datos”, el proceso exportará varias plantillas: “default_receipt_template.html”, “default_po_template.html”, y “default_quote_template.html”, así como las versiones .txt de las mismas. Estas plantillas fueron obtenidas desde la configuración inicial o de las que están actualmente activas en el sistema.
- Una vez que ha ubicado la plantilla que desea personalizar, abra el archivo en un editor de texto.
- Mientras se están editando las plantillas predeterminadas, tome nota de cómo se utilizan los marcadores para modificar el cuerpo del mensaje del correo electrónico.
- Pueden haber casos en los que quiera saltarse el uso de algunos de los marcadores para no mostrar algo específico. Basta con quitar el marcador y escribir el texto que desea incluir exactamente. En general, esta codificación sólo es útil cuando no va a cambiar nada de un comprobante a otro. Por ejemplo. Información de contacto de negocios, saludos, términos que desee incluir en su recibo, etc.
- Una vez haya terminado de hacer las modificaciones en la plantilla, guarde el archivo con codificación UTF-8 para asegurar compatibilidad de caracteres y formato internacionales. Ring It Up siempre espera archivos con codificación UTF-8, así que asegúrese de no saltarse este paso, de lo contrario el comportamiento no será el esperado. Una codificación ASCII también debería funcionar si está utilizando el juego de caracteres de EE.UU. Inglés, de todos modos, nuestra recomendación es utilizar UTF-8.
- Ahora que la plantilla se ha guardado, debe cambiar el nombre del archivo mediante la eliminación del prefijo “default_”. Los nombres de los archivos resultantes deben ser: “receipt_template.html”, “po_template.html”, o “quote_template.html”, según sea la plantilla que estaba editando. Si el nombre de la plantilla personalizada no coincide con el ejemplo anterior, Ring It Up no será capaz de importarla.
- Siga los pasos que se indican en el capítulo de “Sincronización” para cargar las nuevas plantillas personalizadas.
- Diríjase al menú de Ajustes.
- Seleccione Ajustes de correo.
- Hacia la parte inferior de los valores de correo electrónico, hay 3 interruptores que se utilizan para indicarle a Ring It Up que desea utilizar su plantilla personalizada en lugar de la plantilla por defecto. Encienda el interruptor correspondiente para permitir que su planilla personalizada tome efecto.
- Envíese un comprobante por correo electrónico a usted mismo para verificar que obtiene el formato deseado.
Marcadores disponibles:
Los siguientes marcadores están disponibles para ser utilizados en sus plantillas personalizadas. Utilice las plantillas predeterminadas como una guía para entender cómo y dónde modificar.
Notes:
##TicketNotes## – Es una cadena de texto de largo variable que contiene las notas “no privadas” asociadas a una transacción.
##PaymentsAndPaymentNotes## – Es una cadena de texto de largo variable que contiene las notas de los pagos asociados a una transacción
Datos de su empresa:
Los datos se toman del registro de contacto que se ha asignado en Ajustes / Contacto de mi empresa. Estos marcadores pueden ser reemplazados con los datos reales si así lo elige ya que por lo general los datos de contacto de empresa suelen ser estáticos. De todos modos se recomienda que utilice los marcadores , ya que es más fácil de editar un contacto que personalizar una plantilla.
##BusinessCompanyName##
##BusinessContactFirstName##
##BusinessContactLastName##
##BusinessAddress##
##BusinessCity##
##BusinessState##
##BusinessPostalCode##
##BusinessCountry##
##BusinessPhoneNumber##
##BusinessEmail##
##BusinessMemo##
Detalle de los datos de los clientes:
Los datos son tomados desde la información del contacto que usted ha asociado a la transacción.
##CustomerFirstName##
##CustomerLastName##
##CustomerCompanyName##
##CustomerDisplayName## – Company name or First and Last name as set in the contact record.
##CustomerEmail##
##CustomerAddress##
##CustomerCity##
##CustomerState##
##CustomerPostalCode##
##CustomerCountry##
##CustomerPhone##
##CustomerEmail2##
##CustomerAddress2##
##CustomerCity2##
##CustomerState2##
##CustomerPostalCode2##
##CustomerCountry2##
##CustomerPhone2##
##CustomerMemo##
Detalles de la Transacción: Los datos son tomados directamente desde la transacción.
##TicketTotals## – Es la sección del comprobante que incluye la información de cada artículo y los subtotales, descuentos, unidades, cantidades y precios al por menor. Es muy recomendable incluir esto en algún lugar de su plantilla. Una tabla HTML se agregará en el recibo conteniendo la visualización de los datos. Las versiones anteriores de Ring It Up ofrecían una forma de personalizar esta sección, pero en pos de ganar simplicidad, se decidió por la opción actual, por lo que se eliminó dicha posibilidad. Las futuras versiones se ofrecerá una posibilidad para personalizar la apariencia de esta sección sin la necesidad de editar los archivos HTML.
##PaymentStatus##
##DateOfSale##
##TimeOfSale##
##TicketNumber##
##Subtotal##
##Othertotal##
##OtherDescription##
##ShippingTotal##
##LaborTotal##
##LaborQTY##
##LaborRate##
##Discount##
##Tax1Label##
##Tax2Label##
##TaxRate1##
##TaxRate2##
##Tax1total##
##Tax2total##
##Total##
##Tips##
##Balance##
##PaymentsTotal##
##UnformattedBalance##
##UnformattedTotal##
##ReceiptTerms##
##QuoteTerms##
##POTerms##
##LogoUrl##
##FontSize##
##QuantityOfProducts## – Total quantity of all items listed on the transaction
##NumberOfLineItems## – Total number of product line items listed on the transaction
##PaypalButton##