1795 lines
115 KiB
HTML
1795 lines
115 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
To change this license header, choose License Headers in Project Properties.
|
|
To change this template file, choose Tools | Templates
|
|
and open the template in the editor.
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Guía de usuario - One Page Checkout PrestaShop</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!--jQuery-->
|
|
<script src="assets/libs/twitter-bootstrap/js/jquery.js"></script>
|
|
<!-- Latest compiled and minified JavaScript -->
|
|
<script src="assets/libs/twitter-bootstrap/js/bootstrap.min.js"></script>
|
|
<!--extra-->
|
|
<script src="assets/libs/twitter-bootstrap/js/jquery.scroll.js"></script>
|
|
<script src="assets/libs/twitter-bootstrap/js/prettify.js"></script>
|
|
<script src="assets/libs/twitter-bootstrap/js/jquery-migrate-1.1.0.js"></script>
|
|
<script src="assets/libs/twitter-bootstrap/js/bootstrap-affix.js"></script>
|
|
<!-- Latest compiled and minified CSS -->
|
|
<link rel="stylesheet" href="assets/libs/twitter-bootstrap/css/bootstrap.css">
|
|
<!-- Optional theme -->
|
|
<link rel="stylesheet" href="assets/libs/twitter-bootstrap/css/bootstrap-theme.css">
|
|
<!--Own javascript-->
|
|
<script src="assets/libs/documentation.js"></script>
|
|
<script src="assets/libs/twitter-bootstrap/js/script.js"></script>
|
|
<!--Own css-->
|
|
<link rel="stylesheet" href="assets/libs/documentation.css">
|
|
<!--Icons-->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
|
<!--Style-->
|
|
<link rel="stylesheet" href="assets/libs/twitter-bootstrap/css/prettify.css">
|
|
<link rel="stylesheet" href="assets/libs/twitter-bootstrap/css/style.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<nav class="navbar navbar-default navbar-static-top" role="navigation">
|
|
<div class="container">
|
|
<div class="row">
|
|
<article class="col-xs-9">
|
|
<img id="img_logo" src="screenshots/logo.png"/><h3>One Page Checkout PrestaShop</h3>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="container pts-docs-container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div id="nav_container" class="affix-top">
|
|
<ul id="nav" class="nav nav-list bs-docs-sidenav">
|
|
<li class="nav-item item1 first act_item open_item">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#module">One Page Checkout PrestaShop</a>
|
|
</dt>
|
|
<dd></dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item2">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_general">
|
|
<i class="fa fa-plus"></i>General
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#enable_debug"> Modo de prueba </a>
|
|
</li>
|
|
<li>
|
|
<a href="#enable_guest_checkout">Habilitar compra de invitados</a>
|
|
</li>
|
|
<li>
|
|
<a href="#redirect_directly_to_opc">Mostrar el resumen de carrito antes del checkout</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_delivery_virtual">Mostrar la dirección de entrega en la compra de productos virtuales</a>
|
|
</li>
|
|
<li>
|
|
<a href="#default_payment_method">Escoger un método de pago por defecto</a>
|
|
</li>
|
|
<li>
|
|
<a href="#default_group_customer">Añadir a clientes nuevos en el grupo</a>
|
|
</li>
|
|
<li>
|
|
<a href="#groups_customer_additional">Añadir a nuevos clientes en estos otros grupos</a>
|
|
</li>
|
|
<li>
|
|
<a href="#validate_dni">Validate DNI/CIF/NIF Spain</a>
|
|
</li>
|
|
<li>
|
|
<a href="#id_content_page">Contenedor de página (HTML)</a>
|
|
</li>
|
|
<li>
|
|
<a href="#id_customer">Identificador de cliente</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item2">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_register">
|
|
<i class="fa fa-plus"></i>Registro
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#enable_button_save_info">Mostrar botón de "Guardar información" </a>
|
|
</li>
|
|
<li>
|
|
<a href="#capitalize_fields">Capitalizar los campos </a>
|
|
</li>
|
|
<li>
|
|
<a href="#enable_privacy_policy">Requerir aceptar políticas de privacidad antes de la compra</a>
|
|
</li>
|
|
<li>
|
|
<a href="#enable_invoice_address">Solicitar dirección de facturación</a>
|
|
</li>
|
|
<li>
|
|
<a href="#use_same_name_contact_ba">Usar el mismo nombre y apellido del cliente en la dirección de facturación</a>
|
|
</li>
|
|
<li>
|
|
<a href="#use_same_name_contact_da">Usar el mismo nombre y apellido del cliente en la dirección de entrega</a>
|
|
</li>
|
|
<li>
|
|
<a href="#request_confirm_email">Solicitar la confirmación del correo electrónico</a>
|
|
</li>
|
|
<li>
|
|
<a href="#request_password">Solicitar contraseña</a>
|
|
</li>
|
|
<li>
|
|
<a href="#choice_group_customer">Mostrar en lista los grupos de clientes</a>
|
|
</li>
|
|
<li>
|
|
<a href="#list_cities_geonames">Mostrar listado de ciudades usando Geonames.org</a>
|
|
</li>
|
|
<li>
|
|
<a href="#autocomplete_address_geonames">Usar autocompletar direcciones de Geonames.org</a>
|
|
</li>
|
|
<li>
|
|
<a href="#autocomplete_google_address">Usar autocompletar de Google desde la dirección</a>
|
|
</li>
|
|
<li>
|
|
<a href="#google_api_key">Google API KEY</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item2">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_shipping">
|
|
<i class="fa fa-plus"></i>Envío
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#show_description_carrier">Mostrar descripción de los transportistas</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_image_carrier">Mostrar imagen de transportistas</a>
|
|
</li>
|
|
<li>
|
|
<a href="#refresh_shipping">Recargar envío al cambiar de provincia</a>
|
|
</li>
|
|
<li>
|
|
<a href="#force_need_postcode">Requerir ingresar un código postal</a>
|
|
</li>
|
|
<li>
|
|
<a href="#module_carrier_need_postcode">Módulo de envío que requiere un código postal</a>
|
|
</li>
|
|
<li>
|
|
<a href="#force_need_city">Requerir ingresar una ciudad</a>
|
|
</li>
|
|
<li>
|
|
<a href="#module_carrier_need_city">Módulo de envío que requiere una ciudad</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_payment">
|
|
<i class="fa fa-plus"></i>Pago
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul>
|
|
<li class="sub_tab">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_popup_window">Ventana emergente</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#show_popup_payment">Mostrar ventana emergente</a>
|
|
</li>
|
|
<li>
|
|
<a href="#payments_without_radio">Activar compatibilidad con métodos de pago no soportados</a>
|
|
</li>
|
|
<li>
|
|
<a href="#modules_without_popup">Desactivar ventana emergente para los módulos</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li class="sub_tab">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_pay_methods">Métodos de pago</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#force_visualization">Forzar visualización</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li class="sub_tab">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_ship_pay">Envío según pago</a>
|
|
</dt>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_review">
|
|
<i class="fa fa-plus"></i>Resumen
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#enable_terms_conditions">Requerir aceptar términos y condiciones antes de la compra</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_link_continue_shopping">Mostrar el enlace "Continuar Comprando"</a>
|
|
</li>
|
|
<li>
|
|
<a href="#link_continue_shopping">URL Personalizada para el botón de "Continuar compra"</a>
|
|
</li>
|
|
<li>
|
|
<a href="#compatibility_review">Mostrar compatibilidad del resumen</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_total_product">Mostrar total de productos</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_total_discount">Mostrar total de descuento</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_total_wrapping">Mostrar total de envoltura</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_total_shipping">Mostrar total de envío</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_total_without_tax">Mostrar total sin impuestos</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_total_tax">Mostrar total de impuestos</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_total_price">Mostrar total</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_remaining_free_shipping">Mostrar envío gratuito faltante</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_weight">Mostrar peso</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_reference">Mostrar referencia</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_unit_price">Mostrar precio unitario</a>
|
|
</li>
|
|
<li>
|
|
<a href="#show_availability">Mostrar disponibilidad</a>
|
|
</li>
|
|
<li>
|
|
<a href="#enable_hook_shopping_cart">Habilitar hook de carrito de compra</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_theme">
|
|
<i class="fa fa-plus"></i>Diseño
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#theme_background_color">Color del fondo</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_border_color">Color del borde</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_icon_color">Color de las imágenes</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_text_color">Color del texto</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_selected_color">Color del seleccionado de Envío y Pago</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_selected_color_text">Color del texto del seleccionado de Envío y Pago</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_confirm_color">Color del Botón de checkout</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_confirm_text_color">Color del texto de Botón de checkout</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_already_register_button">Color del botón ¿Ya está registrado?</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_already_register_button_text">Color del texto del botón ¿Ya está registrado?</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_login_button">Color del botón Identificarse</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_login_button_text">Color del texto del botón Identificarse</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_voucher_button">Color del botón Descuento</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_voucher_button_text">Color del texto del botón Descuento</a>
|
|
</li>
|
|
<li>
|
|
<a href="#confirmation_button_float">Mostrar botón de confirmación flotante</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_background_button_footer">Color de fondo del botón de confirmación flotante</a>
|
|
</li>
|
|
<li>
|
|
<a href="#theme_border_button_footer">Color del borde del botón de confirmación flotante</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_required_fields">
|
|
<i class="fa fa-plus"></i>Campos del registro
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#btn_manage_field_options">Administrar opciones de campos</a>
|
|
</li>
|
|
<li>
|
|
<a href="#btn_new_register">Nuevo campo personalizado</a>
|
|
</li>
|
|
<li>
|
|
<a href="#required_field_name">Nombre</a>
|
|
</li>
|
|
<li>
|
|
<a href="#required_field_object">Objeto</a>
|
|
</li>
|
|
<li>
|
|
<a href="#required_field_description">Descripción</a>
|
|
</li>
|
|
<li>
|
|
<a href="#field_type">Tipo</a>
|
|
</li>
|
|
<li>
|
|
<a href="#field_size">Tamaño</a>
|
|
</li>
|
|
<li>
|
|
<a href="#field_type_control">Tipo de control</a>
|
|
</li>
|
|
<li>
|
|
<a href="#required_field_value">Valor por defecto</a>
|
|
</li>
|
|
<li>
|
|
<a href="#required_field_required">Requerido</a>
|
|
</li>
|
|
<li>
|
|
<a href="#required_field_active">Activo</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_fields_position">
|
|
Posiciones de campos
|
|
</a>
|
|
</dt>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_social_login">
|
|
<i class="fa fa-plus"></i>Login social
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul>
|
|
<li class="sub_tab">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_facebook">Facebook</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#how_to_facebook">Cómo crear una aplicación en <b>Facebook</b>?</a>
|
|
</li>
|
|
<li>
|
|
<a href="#social_login_id_facebook">API Key Facebook</a>
|
|
</li>
|
|
<li>
|
|
<a href="#social_login_secret_facebook">Secret Key Facebook</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="sub_tab">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_google">Google</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#how_to_google">Cómo crear una aplicación en <b>Google</b>?</a>
|
|
</li>
|
|
<li>
|
|
<a href="#social_login_id_goole">Api Key Google</a>
|
|
</li>
|
|
<li>
|
|
<a href="#social_login_secret_google">Secret Key Google</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="sub_tab">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_paypal">Paypal</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#how_to_paypal">Cómo crear una aplicación en <b>Paypal</b>?</a>
|
|
</li>
|
|
<li>
|
|
<a href="#social_login_id_paypal">Api Key Paypal</a>
|
|
</li>
|
|
<li>
|
|
<a href="#social_login_secret_paypal">Secret Key Paypal</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_translate">
|
|
<i class="fa fa-plus"></i>Traducir
|
|
</a>
|
|
</dt>
|
|
<dd>
|
|
<ul class="list">
|
|
<li>
|
|
<a href="#select_language">Seleccione un lenguage</a>
|
|
</li>
|
|
<li>
|
|
<a href="#save">Guardar</a>
|
|
</li>
|
|
<li>
|
|
<a href="#save_download">Guardar y descargar</a>
|
|
</li>
|
|
<li>
|
|
<a href="#share_translation">Comparte tu traducción con nosotros</a>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_code_editors">
|
|
Editores de código
|
|
</a>
|
|
</dt>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_suggestions">
|
|
Sugerencias
|
|
</a>
|
|
</dt>
|
|
</dl>
|
|
</li>
|
|
<li class="nav-item item3">
|
|
<dl class="slide-down">
|
|
<dt>
|
|
<a href="#tab_faqs">
|
|
FAQs
|
|
</a>
|
|
</dt>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="box-content">
|
|
<section id="module" class="block-templates">
|
|
<br><br>
|
|
<p>
|
|
Aumenta su número de carritos abandonados? ¿Sus estadísticas muestran que
|
|
los usuarios abandonan el proceso de compra?
|
|
</p>
|
|
<p>
|
|
Mejore sus resultados de ventas con este módulo para PrestaShop que le permitirá
|
|
realizar las compras de la forma más fácil: en un solo paso.
|
|
"One Page Checkout PS" ahorra tiempo a sus clientes a la hora de terminar la compra, acelera
|
|
el proceso de pago y minimiza los campos de registro a rellenar por el cliente.
|
|
</p>
|
|
<p>
|
|
Fácil e intuitivo de usar para los usuarios, ahorra tiempo y minimiza los abandonos de
|
|
carrito. ¡Sus ventas lo notarán!
|
|
</p>
|
|
</section>
|
|
<section id="tab_general" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-cogs fa-1x"></i>
|
|
General
|
|
</h3>
|
|
<p>
|
|
En la sección de configuración General se encontrarán las opciones de
|
|
parametrización que determinará el comportamiento del módulo de manera general.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_general_es.png"/>
|
|
</div>
|
|
</section>
|
|
<section id="enable_debug" class="block-templates">
|
|
<h4> Modo de prueba </h4>
|
|
<p>
|
|
Al habilitar esta opción, aparecerá un nuevo campo de texto en el cual debe ingresar la o las IP's para las cuales
|
|
se habilitará el módulo. El módulo quedará deshabilitado para las IP's que no se hayan guardado.
|
|
</p>
|
|
<p class="alert alert-info">
|
|
<i class="fa fa-info-circle"></i>
|
|
Es recomendable activar esta opción para probar el módulo en su tienda antes de habilitarlo a los clientes
|
|
</p>
|
|
</section>
|
|
<section id="enable_guest_checkout" class="block-templates">
|
|
<h4>
|
|
Habilitar compra de invitados
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción, usted permite que se realicen pedidos como invitado.
|
|
</p>
|
|
</section>
|
|
<section id="redirect_directly_to_opc" class="block-templates">
|
|
<h4>
|
|
Mostrar el resumen de carrito antes del checkout
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción se mostrará una vista de resumen del pedido antes de poder visualizar
|
|
la página del OnePageCheckoutPS. Si se encuentra deshabilitada, al ir a la compra se verá
|
|
directamente la vista del módulo.
|
|
</p>
|
|
</section>
|
|
<section id="show_delivery_virtual" class="block-templates">
|
|
<h4>
|
|
Mostrar la dirección de entrega en la compra de productos virtuales
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción, la dirección de entrega será mostrada aunque los productos
|
|
comprados sean productos virtuales.
|
|
</p>
|
|
</section>
|
|
<section id="default_payment_method" class="block-templates">
|
|
<h4>
|
|
Escoger un método de pago por defecto
|
|
</h4>
|
|
<p>
|
|
En este campo podrás seleccionar el método de pago que estará seleccionado por defecto cuando el cliente vaya a la página del checkout.
|
|
</p>
|
|
</section>
|
|
<section id="default_group_customer" class="block-templates">
|
|
<h4>
|
|
Añadir a clientes nuevos en el grupo
|
|
</h4>
|
|
<p>
|
|
Cuando un cliente se registre en su tienda desde la página de OnePageCheckoutPS, éste
|
|
se debe registrar en un grupo de clientes. En esta opción se configura en qué grupo estará
|
|
registrado por defecto el nuevo cliente.
|
|
</p>
|
|
</section>
|
|
<section id="groups_customer_additional" class="block-templates">
|
|
<h4>
|
|
Añadir a nuevos clientes en estos otros grupos
|
|
</h4>
|
|
<p>
|
|
Si además desea que los clientes nuevos se encuentren agregados en otros grupos, puede seleccionar uno o varios
|
|
grupos donde quedarán agregados.
|
|
</p>
|
|
<p>
|
|
Para seleccionar varios grupos puede presionar la tecla CTRL de su teclado y dar clic a cada uno de los grupos que desea seleccionar,
|
|
si el grupo ya está seleccionado y desea quitarlo de la selección, con CTRL presionado debe dar clic sobre él.
|
|
</p>
|
|
</section>
|
|
<section id="validate_dni" class="block-templates">
|
|
<h4>
|
|
Validate DNI/CIF/NIF Spain
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción, cuando un cliente añada productos al carrito de compras y proceda a realizar el pedido, el sistema
|
|
validará si la cédula ingresada es válida. Si la cédula no es válida el cliente no
|
|
podrá realizar el pedido.
|
|
</p>
|
|
</section>
|
|
<section id="id_content_page" class="block-templates">
|
|
<h4>
|
|
Contenedor de página (HTML)
|
|
</h4>
|
|
<p>
|
|
En este campo de configuración se debe configurar el selector del contenedor HTML donde se ubicará la vista del módulo.
|
|
Se recomienda dejar este campo con el valor predeterminado, a menos que su plantilla tenga
|
|
un identificador diferente y deba cambiarse.
|
|
</p>
|
|
</section>
|
|
<section id="id_customer" class="block-templates">
|
|
<h4>
|
|
Identificador de cliente
|
|
</h4>
|
|
<p>
|
|
Al instalar el módulo se genera un nuevo cliente que es de uso exclusivo del módulo,
|
|
con éste cliente se realizan operaciones internas para obtener tarifas, precios, tiempos,
|
|
etc. con respecto a los productos que se han seleccionado; todo esto siempre que no se haya iniciado sesión.
|
|
</p>
|
|
<p>
|
|
El ID del cliente es el que está configurado por defecto en este campo de configuración y no se
|
|
debe cambiar a menos que (por temas de migración de tiendas o por alguna modificación del
|
|
administrador) se borre el cliente y se haya configurado uno nuevo para que haga este mismo trabajo.
|
|
Se recomienda no cambiar este campo ni eliminar/editar el cliente que crea el módulo llamado “OPC PTS Not Delete”
|
|
el cual se encuentra desactivado (tampoco debe activarse).
|
|
</p>
|
|
</section>
|
|
<section id="tab_register" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-user fa-1x"></i>
|
|
Registro
|
|
</h3>
|
|
<p>
|
|
En la sección de registro se configura el comportamiento que van a tener los campos en el paso número
|
|
uno del checkout, el cual está determinado a recopilar la información del cliente
|
|
(nombres, direcciones, números de contacto, etc.)
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_register_es.png"/>
|
|
</div>
|
|
</section>
|
|
<section id="enable_button_save_info" class="block-templates">
|
|
<h4>
|
|
Mostrar botón de "Guardar información"
|
|
</h4>
|
|
<p>
|
|
Si se deshabilita esta opción, no se mostrara el botón "Guardar información" en el registro del cliente del checkout
|
|
</p>
|
|
</section>
|
|
<section id="capitalize_fields" class="block-templates">
|
|
<h4>
|
|
Capitalizar los campos
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción la primera letra de los campos será mayúscula.
|
|
</p>
|
|
</section>
|
|
<section id="enable_privacy_policy" class="block-templates">
|
|
<h4>
|
|
Requerir aceptar políticas de privacidad antes de la compra
|
|
</h4>
|
|
<p>
|
|
Esta opción permite que se muestre o no el control para aceptar las políticas de privacidad.
|
|
Si se deshabilita esta opción no se mostrará el aceptar las políticas de privacidad.
|
|
</p>
|
|
<p>
|
|
Si se habilita se mostrará una lista de CMS, la opción que se seleccione será el contenido que se mostrará
|
|
cuando el cliente de clic en “leer”.
|
|
</p>
|
|
</section>
|
|
<section id="enable_invoice_address" class="block-templates">
|
|
<h4>
|
|
Solicitar dirección de facturación
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción, se va a solicitar la dirección de facturación para el pedido y se
|
|
mostrará otra opción donde se preguntará si la dirección de facturación debe ser obligatoria o no.
|
|
Si deshabilita esta opción, la dirección de facturación será la misma de envío.
|
|
</p>
|
|
</section>
|
|
<section id="use_same_name_contact_ba" class="block-templates">
|
|
<h4>
|
|
Usar el mismo nombre y apellido del cliente en la dirección de facturación
|
|
</h4>
|
|
<p>
|
|
Esta opción se mostrará cuando la opción <b>Solicitar dirección de facturación</b> esté habilitada.
|
|
Si habilita esta opción, el nombre y apellido del cliente será la misma en la dirección de facturación y estos campos
|
|
no aparecerán en la configuración de la dirección de facturación.
|
|
Si deshabilita esta opción, estos campos se mostrarán en la dirección de facturación.
|
|
</p>
|
|
</section>
|
|
<section id="use_same_name_contact_da" class="block-templates">
|
|
<h4>
|
|
Usar el mismo nombre y apellido del cliente en la dirección de entrega
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción, el nombre y apellido del cliente será la misma en la dirección de entrega y estos
|
|
campos no aparecerán en la configuración de la dirección de entrega.
|
|
</p>
|
|
<p>
|
|
Si deshabilita esta opción, estos campos se mostrarán en la dirección de entrega.
|
|
</p>
|
|
</section>
|
|
<section id="request_confirm_email" class="block-templates">
|
|
<h4>
|
|
Solicitar la confirmación del correo electrónico
|
|
</h4>
|
|
<p>
|
|
Esta opción permite que se muestre el campo de confirmación de correo electrónico por motivos de seguridad.
|
|
Si no está habilitada, no será mostrado el campo de verificación de confirmar correo electrónico.
|
|
</p>
|
|
</section>
|
|
<section id="request_password" class="block-templates">
|
|
<h4>
|
|
Solicitar contraseña
|
|
</h4>
|
|
<p>
|
|
Si está opción se encuentra deshabilitada, cuando se cree un nuevo cliente, la contraseña será generada
|
|
automáticamente y enviada a su correo.
|
|
</p>
|
|
<p>
|
|
Si la opción se encuentra habilitada entonces el cliente tendrá la opción de escribir la contraseña
|
|
que desee para su cuenta. Además, será mostrada otra opción llamada <b>Opción de auto-generar</b>
|
|
la cual mostrará o no un control para que el cliente pueda autogenerar una contraseña si lo desea.
|
|
</p>
|
|
</section>
|
|
<section id="choice_group_customer" class="block-templates">
|
|
<h4>
|
|
Mostrar en lista los grupos de clientes
|
|
</h4>
|
|
<p>
|
|
Al momento de registrarse, el cliente puede tener la oportunidad de elegir el grupo al cual desee pertenecer,
|
|
para esto se debe activar esta opción y enseguida será mostrada la lista de grupos que se visualizarán para
|
|
que el cliente los pueda seleccionar. Para seleccionar varios grupos puede presionar la tecla CTRL de su teclado
|
|
y dar clic a cada uno de los grupos que desea seleccionar, si el grupo ya está seleccionado y desea quitarlo de la selección,
|
|
con CTRL presionado debe dar clic sobre él. Si no selecciona ningún grupo, entonces todos los grupos de la lista serán mostrados.
|
|
</p>
|
|
</section>
|
|
<section id="list_cities_geonames" class="block-templates">
|
|
<h4>
|
|
Mostrar listado de ciudades usando Geonames.org
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción se mostrara una lista desplegable con ciudades según la provincia seleccionada.
|
|
</p>
|
|
</section>
|
|
<section id="autocomplete_address_geonames" class="block-templates">
|
|
<h4>
|
|
Usar autocompletar direcciones de Geonames.org
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción se mostraran sugerencias según la dirección que este escribiendo.
|
|
</p>
|
|
</section>
|
|
<section id="autocomplete_google_address" class="block-templates">
|
|
<h4>
|
|
Usar autocompletar de Google desde la dirección
|
|
</h4>
|
|
<p>
|
|
Esta opción habilita la integración con el API de Google para permitir brindar una ayuda visual al momento de escribir la dirección.
|
|
Esto aplica tanto para la dirección de envío como de facturación.
|
|
</p>
|
|
</section>
|
|
<section id="google_api_key" class="block-templates">
|
|
<h4>
|
|
Google API KEY
|
|
</h4>
|
|
<p>
|
|
En este campo de texto se digita el <i>API KEY</i> que ofrece Google para poder hacer uso de la herramienta de autocompletado de direcciones,
|
|
este campo se mostrará si se ha seleccionado la opción <b>Usar autocompletar de google desde la dirección</b>.
|
|
</p>
|
|
<p>
|
|
El <i>API KEY</i> de Google para la librería de Autocompletado desde la Dirección se crea desde la consola de desarrollo de Google,
|
|
para lograrlo debe tener una cuenta de Google, iniciar sesión e ingresar a
|
|
<a target="_blank" href="https://developers.google.com/maps/documentation/javascript/">esta dirección</a>.
|
|
</p>
|
|
</section>
|
|
|
|
<section id="tab_shipping" class="block-templates">
|
|
<h3 id="tabs_menu">
|
|
<i class="fa fa-truck fa-1x"></i>
|
|
Envío
|
|
</h3><br>
|
|
<p>
|
|
En la sección de envío se configura el comportamiento que van a tener los campos en el paso número
|
|
dos del checkout, el cual está determinado para seleccionar las preferencias de envío del pedido.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_shipping_es.png">
|
|
</div>
|
|
<br>
|
|
</section>
|
|
<section id="show_description_carrier" class="block-templates">
|
|
<h4>
|
|
Mostrar descripción de los transportistas
|
|
</h4>
|
|
<p>
|
|
Esta opción oculta o muestra la descripción de los transportistas en la lista. Si se deshabilita solamente
|
|
se mostrará el nombre, imagen y precio.
|
|
</p>
|
|
</section>
|
|
<section id="show_image_carrier" class="block-templates">
|
|
<h4>
|
|
Mostrar imagen de transportistas
|
|
</h4>
|
|
<p>
|
|
Esta opción oculta o muestra la imagen de los transportistas en la lista.
|
|
Si se deshabilita solamente se mostrará el nombre, precio y descripción
|
|
(a menos que se haya deshabilitado en la opción <b>Mostrar descripción de los transportistas)</b>.
|
|
</p>
|
|
</section>
|
|
<section id="refresh_shipping" class="block-templates">
|
|
<h4>
|
|
Recargar envío al cambiar de provincia
|
|
</h4>
|
|
<p>
|
|
Si esta opción está habilitada se mostraran automáticamente los métodos de envió disponibles para la provincia seleccionada.
|
|
</p>
|
|
</section>
|
|
<section id="force_need_postcode" class="block-templates">
|
|
<h4>
|
|
Requerir ingresar un código postal
|
|
</h4>
|
|
<p>
|
|
Si esta opción está habilitada, será obligatorio digitar un código postal para mostrar
|
|
los métodos de envío disponibles según los módulos de envío que requieren esta información.
|
|
</p>
|
|
</section>
|
|
<section id="module_carrier_need_postcode" class="block-templates">
|
|
<h4>
|
|
Módulo de envío que requiere un código postal
|
|
</h4>
|
|
<p>
|
|
En este campo de texto se configurarán los módulos que requieran un código postal para determinar el precio y disponibilidad de envío.
|
|
Los nombres de los módulos deben estar separados por coma (,) y sin ningún espacio.
|
|
</p>
|
|
</section>
|
|
<section id="force_need_city" class="block-templates">
|
|
<h4>
|
|
Requerir ingresar una ciudad
|
|
</h4>
|
|
<p>
|
|
Si esta opción está habilitada, será obligatorio ingresar una ciudad para mostrar los métodos de envío
|
|
disponibles según los módulos de envío que requieren esta información.
|
|
</p>
|
|
</section>
|
|
<section id="module_carrier_need_city" class="block-templates">
|
|
<h4>
|
|
Módulo de envío que requiere una ciudad
|
|
</h4>
|
|
<p>
|
|
En este campo de texto se configurarán los módulos que requieran una ciudad para determinar el precio y disponibilidad de envío.
|
|
|
|
Los nombres de los módulos deben estar separados por coma (,) y sin ningún espacio.
|
|
</p>
|
|
</section>
|
|
<section id="tab_payment" class="block-templates">
|
|
<h3 id="tabs_menu">
|
|
<i class="fa fa-credit-card fa-1x"></i> Pago
|
|
</h3><br>
|
|
<p>
|
|
En la sección de pago se configura el comportamiento que van a tener los campos en el paso número tres del checkout,
|
|
el cual está determinado para seleccionar las preferencias de pago del pedido.
|
|
</p>
|
|
</section>
|
|
<section id="tab_popup_window" class="block-templates">
|
|
<h3 id="tabs_menu">
|
|
<i class="fa fa-external-link fa-1x"></i>
|
|
Ventana emergente
|
|
</h3>
|
|
<br>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_popup_window_es.png"/>
|
|
</div>
|
|
</section>
|
|
<section id="show_popup_payment" class="block-templates">
|
|
<h4>
|
|
Mostrar ventana emergente
|
|
</h4>
|
|
<p>
|
|
Esta opción determina si se mostrará una venta emergente para confirmar el pedido. Si está deshabilitado se re-direccionará
|
|
automáticamente a la página de confirmación del módulo de pago.
|
|
</p>
|
|
<div class="alert alert-info">
|
|
<i class="fa fa-info-circle"></i>
|
|
|
|
Si el módulo de pago hace alguna redirección automáticamente a su página predeterminada donde se realizará
|
|
el pago, no se mostrará la ventana emergente.
|
|
</div>
|
|
</section>
|
|
<section id="payments_without_radio" class="block-templates">
|
|
<h4>
|
|
Activar compatibilidad con métodos de pago no soportados
|
|
</h4>
|
|
<p>
|
|
Algunos métodos de pago no son soportados para ser mostrados como opciones; si habilita esta opción, los métodos de pago
|
|
serán mostrados en la forma original de sus módulos.
|
|
</p>
|
|
</section>
|
|
<section id="modules_without_popup" class="block-templates">
|
|
<h4>
|
|
Desactivar ventana emergente para los módulos
|
|
</h4>
|
|
<p>
|
|
En este campo de configuración podrá ingresar los módulos de pago que no desee que se muestren en ventana emergente.
|
|
Los métodos de pago deben ir separados por coma (,) y sin ningún espacio.
|
|
</p>
|
|
<p>
|
|
En la parte inferior se encuentran los métodos de pago a los cuales se puede personalizar la imagen, nombre y descripción por idioma.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- cupón -->
|
|
<section id="tab_pay_methods" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-credit-card fa-1x"></i> Métodos de pago
|
|
</h3>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_pay_methods_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="force_visualization" class="block-templates">
|
|
<h4>
|
|
Forzar visualización
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opcion, los metodos de pago se mostraran en su forma nativa, sin tomar los cambios realizados en este modulo.
|
|
</p>
|
|
<br>
|
|
<div class="alert alert-warning">
|
|
<i class="fa fa-exclamation-triangle"></i>
|
|
Solo habilitar esta opción en el caso que el método de pago no se muestre por algún problema de incompatibilidad.
|
|
</div>
|
|
</section>
|
|
<section id="tab_ship_pay" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-truck fa-1x"></i> Envío según pago
|
|
</h3>
|
|
<p>
|
|
En esta sección se puede configurar el método de pago que va a estar disponible según el método de envío.
|
|
Para seleccionarlos sólo debe dar clic al control de chequeo de cada método de pago.
|
|
</p>
|
|
<p>
|
|
Si no desea tener restricciones entonces deben estar todos deshabilitados.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_ship_pay_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="tab_review" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-check fa-1x"></i>
|
|
Resumen
|
|
</h3>
|
|
<p>
|
|
En la sección de resumen se configura el comportamiento que van a tener los campos en el paso número cuatro del checkout,
|
|
el cual está determinado para mostrar la información de los productos en el pedido, vales de descuento,
|
|
información de impuestos y totales.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_review_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="enable_terms_conditions" class="block-templates">
|
|
<h4>
|
|
Requerir aceptar términos y condiciones antes de la compra
|
|
</h4>
|
|
<p>
|
|
Esta opción permite que se muestre o no el control para aceptar los términos y condiciones. Si se deshabilita esta
|
|
opción no se mostrará el aceptar los términos y condiciones.
|
|
</p>
|
|
<p>
|
|
Si se habilita se mostrará una lista de CMS, la opción que se seleccione será el contenido que se mostrará
|
|
cuando el cliente de clic en “leer”.
|
|
</p>
|
|
</section>
|
|
<section id="show_link_continue_shopping" class="block-templates">
|
|
<h4>
|
|
Mostrar el enlace "Continuar Comprando"
|
|
</h4>
|
|
<p>
|
|
Si la opción está habilitada, el botón de <b><i>CONTINUAR COMPRANDO</i></b> se mostrará,
|
|
permitiendo al cliente regresar a la tienda y agregar otros productos; de lo contrario, el botón no aparecerá.
|
|
</p>
|
|
</section>
|
|
<section id="link_continue_shopping" class="block-templates">
|
|
<h4>
|
|
URL Personalizada para el botón de "Continuar compra"
|
|
</h4>
|
|
<p>
|
|
En este campo se puede definir la URL a la cual se enviará cuando se presione el botón de <b><i>CONTINUAR COMPRANDO</i></b>, se recomienda
|
|
usar el prefijo <span class="text-info">http://</span> para URL externa. Si desea que el URL sea la página de inicio de su tienda,
|
|
puede dejar vacío este campo.
|
|
</p>
|
|
<p>
|
|
Esta opción se mostrará si la opción <b>Mostrar el enlace “continuar comprando”</b> está habilitada.
|
|
</p>
|
|
</section>
|
|
<section id="compatibility_review" class="block-templates">
|
|
<h4>
|
|
Mostrar compatibilidad del resumen
|
|
</h4>
|
|
<p>
|
|
Algunos módulos pueden sobre-escribir las plantillas del resumen del pedido, generando incompatibilidad con la vista; por tal motivo,
|
|
si estos módulos se encuentran habilitados en la tienda se recomienda habilitar esta opción para que el resumen del pedido
|
|
se muestre en su forma original o en la forma en que el módulo externo lo tenga configurado.
|
|
</p>
|
|
</section>
|
|
<section id="show_total_product" class="block-templates">
|
|
<h4>
|
|
Mostrar total de productos
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del total de los productos.
|
|
</p>
|
|
</section>
|
|
<section id="show_total_discount" class="block-templates">
|
|
<h4>
|
|
Mostrar total de descuento
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del total de los descuentos, si lo hubiere.
|
|
</p>
|
|
</section>
|
|
<section id="show_total_wrapping" class="block-templates">
|
|
<h4>
|
|
Mostrar total de envoltura
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del total de las envolturas, si lo hubiere.
|
|
</p>
|
|
</section>
|
|
<section id="show_total_shipping" class="block-templates">
|
|
<h4>
|
|
Mostrar total de envío
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del total de envío.
|
|
</p>
|
|
</section>
|
|
<section id="show_total_without_tax" class="block-templates">
|
|
<h4>
|
|
Mostrar total sin impuestos
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del total sin los impuestos incluidos.
|
|
</p>
|
|
</section>
|
|
<section id="show_total_tax" class="block-templates">
|
|
<h4>
|
|
Mostrar total de impuestos
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del total de los impuestos.
|
|
</p>
|
|
</section>
|
|
<section id="show_total_price" class="block-templates">
|
|
<h4>
|
|
Mostrar total
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del total del pedido.
|
|
</p>
|
|
</section>
|
|
<section id="show_remaining_free_shipping" class="block-templates">
|
|
<h4>
|
|
Mostrar envío gratuito faltante
|
|
</h4>
|
|
<p>
|
|
Si usted tiene configurado una condición de envío gratuito según precio del pedido, puede habilitar
|
|
esta opción si desea que en el resumen del pedido se muestre cuanto precio en compras falta para conseguir
|
|
que el cliente obtenga el envío gratuito.
|
|
</p>
|
|
</section>
|
|
<section id="show_weight" class="block-templates">
|
|
<h4>
|
|
Mostrar peso
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del peso de cada producto.
|
|
</p>
|
|
</section>
|
|
<section id="show_reference" class="block-templates">
|
|
<h4>
|
|
Mostrar referencia
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información de la referencia de cada producto.
|
|
</p>
|
|
</section>
|
|
<section id="show_unit_price" class="block-templates">
|
|
<h4>
|
|
Mostrar precio unitario
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra la información del precio unitario de cada producto.
|
|
</p>
|
|
</section>
|
|
<section id="show_availability" class="block-templates">
|
|
<h4>
|
|
Mostrar disponibilidad
|
|
</h4>
|
|
<p>
|
|
Oculta o muestra en el resumen del carrito de compras, si el producto está disponible o no.
|
|
</p>
|
|
</section>
|
|
<section id="enable_hook_shopping_cart" class="block-templates">
|
|
<h4>
|
|
Habilitar hook de carrito de compra
|
|
</h4>
|
|
<p>
|
|
Algunos módulos ejecutan acciones o muestran cierto tipo de información en el carrito de compra.
|
|
Si usted tiene algún módulo que realice acciones de éste tipo y además desea que se muestren esas
|
|
acciones o vistas, entonces habilite esta opción, de lo contrario deshabilítela.
|
|
</p>
|
|
</section>
|
|
<section id="tab_theme" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-check fa-1x"></i>
|
|
Diseño
|
|
</h3>
|
|
<p>
|
|
En la sección de diseño se configuran los colores que va a tener la vista del checkout.
|
|
</p>
|
|
<p>
|
|
Para configurar los colores debe dar clic en el cuadro que está al lado derecho del campo de texto y elegir el color que desee.
|
|
Si usted ya tiene los códigos hexadecimales de los colores que desea configurar, entonces los puede ingresar directamente en el campo de texto.
|
|
Si el color no se define para alguna de las configuraciones, se tomará el color por defecto del módulo OnePageCheckoutPS.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_design_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="theme_background_color" class="block-templates">
|
|
<h4>
|
|
Color del fondo
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color de fondo que tendrá la vista.
|
|
</p>
|
|
</section>
|
|
<section id="theme_border_color" class="block-templates">
|
|
<h4>
|
|
Color del borde
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color del borde de la vista, es el borde externo.
|
|
</p>
|
|
</section>
|
|
<section id="theme_icon_color" class="block-templates">
|
|
<h4>
|
|
Color de las imágenes
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color de las imágenes/íconos que tendrán algunos de los títulos,
|
|
los botones de agregar o quitar productos, etc.
|
|
</p>
|
|
</section>
|
|
<section id="theme_text_color" class="block-templates">
|
|
<h4>
|
|
Color del texto
|
|
</h4>
|
|
<p>
|
|
Ingrese aquí el color del texto que desea para la página de OnePageCheckoutPS.
|
|
</p>
|
|
</section>
|
|
<section id="theme_selected_color" class="block-templates">
|
|
<h4>
|
|
Color del seleccionado de Envío y Pago
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color de fondo que tendrán los métodos de envío y de pago al ser seleccionados.
|
|
</p>
|
|
</section>
|
|
<section id="theme_selected_color_text" class="block-templates">
|
|
<h4>
|
|
Color del texto del seleccionado de Envío y Pago
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color del texto que tendrán los métodos de envío y de pago al ser seleccionados.
|
|
</p>
|
|
</section>
|
|
<section id="theme_confirm_color" class="block-templates">
|
|
<h4>
|
|
Color del Botón de checkout
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color de fondo que tendrá el botón del Checkout (Confirmar Pedido).
|
|
</p>
|
|
</section>
|
|
<section id="theme_confirm_text_color" class="block-templates">
|
|
<h4>
|
|
Color del texto de Botón de checkout
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color del texto y el borde que tendrá el botón del Checkout (Confirmar Pedido)
|
|
</p>
|
|
</section>
|
|
<section id="theme_already_register_button" class="block-templates">
|
|
<h4>
|
|
Color del botón ¿Ya está registrado?
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color de fondo que tendrá el botón <b>¿Ya está registrado?</b>.
|
|
</p>
|
|
</section>
|
|
<section id="theme_already_register_button_text" class="block-templates">
|
|
<h4>
|
|
Color del texto del botón ¿Ya está registrado?
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color del texto del botón <b>¿Ya está registrado?</b>.
|
|
</p>
|
|
</section>
|
|
<section id="theme_login_button" class="block-templates">
|
|
<h4>
|
|
Color del botón Identificarse
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color de fondo que tendrá el botón <b>Identificarse</b>, que aparece en la ventana modal
|
|
al hacer clic en el botón <b>¿Ya está registrado?</b>
|
|
</p>
|
|
</section>
|
|
<section id="theme_login_button_text" class="block-templates">
|
|
<h4>
|
|
Color del texto del botón Identificarse
|
|
</h4>
|
|
<p>
|
|
Ingrese el color que tendrá el texto del botón <b>Identificarse</b>, que aparece en la ventana modal
|
|
al hacer clic en el botón <b>¿Ya está registrado?</b>
|
|
</p>
|
|
</section>
|
|
<section id="theme_voucher_button" class="block-templates">
|
|
<h4>
|
|
Color del botón Descuento
|
|
</h4>
|
|
<p>
|
|
En esta opción se configura el color de fondo que tendrá el botón <b>Agregar</b>, que le permite añadir un
|
|
código de descuento.
|
|
</p>
|
|
</section>
|
|
<section id="theme_voucher_button_text" class="block-templates">
|
|
<h4>
|
|
Color del texto del botón Descuento
|
|
</h4>
|
|
<p>
|
|
Esta opción le permite configurar el color que tendrá el texto del botón <b>Agregar</b>, que le permite añadir un
|
|
código de descuento.
|
|
</p>
|
|
</section>
|
|
<section id="confirmation_button_float" class="block-templates">
|
|
<h4>
|
|
Mostrar botón de confirmación flotante
|
|
</h4>
|
|
<p>
|
|
Si habilita esta opción se mostrará una ventana flotante en la página de OnePageCheckoutPS, con dos botones para que el cliente
|
|
confirme la compra o siga comprando.
|
|
</p>
|
|
</section>
|
|
<section id="theme_background_button_footer" class="block-templates">
|
|
<h4>
|
|
Color de fondo del botón de confirmación flotante
|
|
</h4>
|
|
<p>
|
|
Esta opción se activa si habilita la opción <b><a href="#confirmation_button_float">Mostrar botón de confirmación flotante</a></b>.
|
|
Ingrese aquí el color que tendrá el fondo de la ventana flotante.
|
|
</p>
|
|
</section>
|
|
<section id="theme_border_button_footer" class="block-templates">
|
|
<h4>
|
|
Color del borde del botón de confirmación flotante
|
|
</h4>
|
|
<p>
|
|
Esta opción se activa si habilita la opción <b><a href="#confirmation_button_float">Mostrar botón de confirmación flotante</a></b>.
|
|
Ingrese aquí el color que tendrá el borde de la ventana flotante.
|
|
</p>
|
|
</section>
|
|
<section id="tab_required_fields" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-pencil-square-o fa-1x"></i>
|
|
Campos del registro
|
|
</h3>
|
|
<p>
|
|
En la sección de los campos del registro se configura la disponibilidad, requerimientos y textos de los diferentes campos que se muestran y
|
|
recolectan información en la vista del módulo.
|
|
</p>
|
|
<p>
|
|
En la tabla que se muestra se dividen los campos según colores:
|
|
</p>
|
|
<ul>
|
|
<li><b>Azul:</b> Campos referentes a la información del cliente</li>
|
|
<li><b>Verde:</b> Campos referentes a la información de la dirección de entrega</li>
|
|
<li><b>Amarillo:</b> Campos referentes a la información de la dirección de facturación</li>
|
|
</ul>
|
|
<p>
|
|
En la columna de <b><i>ACCIONES</i></b> se mostrará un botón <b><i>EDITAR</i></b> que al dar clic se mostrará una ventana emergente
|
|
con los datos del campo, ahí se podrán editar sus valores.
|
|
</p>
|
|
<br>
|
|
<br>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_required_fields1_es.png"><br>
|
|
<img src="screenshots/tab_required_fields2_es.png"><br>
|
|
<img src="screenshots/tab_required_fields3_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="btn_manage_field_options" class="block-templates">
|
|
<h4>
|
|
Administrar opciones de campos
|
|
</h4>
|
|
<p>
|
|
Este botón permite crear opciones para los elementos que pueden tener multiples opciones como listas desplegables, checkbox, etc.
|
|
</p>
|
|
</section>
|
|
<section id="btn_new_register" class="block-templates">
|
|
<h4>
|
|
Nuevo campo personalizado
|
|
</h4>
|
|
<p>
|
|
Al dar clic sobre este botón aparecerá la siguiente ventana:
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_required_fields_new_field_es.png">
|
|
</div>
|
|
<p>
|
|
Ingrese los datos requeridos y cree un nuevo elemento(campo de texto, lista desplegable, etc) en el formulario del Checkout.
|
|
</p>
|
|
</section>
|
|
<section id="required_field_name" class="block-templates">
|
|
<h4>
|
|
Nombre
|
|
</h4>
|
|
<p>
|
|
Este control informativo hace referencia al nombre que tendrá el campo internamente. No puede contener espacios ni carácteres especiales;
|
|
solamente letras, números y guiones.
|
|
</p>
|
|
</section>
|
|
<section id="required_field_object" class="block-templates">
|
|
<h4>
|
|
Objeto
|
|
</h4>
|
|
<p>
|
|
Este control informativo hace referencia al objeto al cual pertenece, éste puede ser <b>Cliente</b>,
|
|
<b>Dirección de envío</b> o <b>Dirección de facturación</b>.
|
|
</p>
|
|
</section>
|
|
<section id="required_field_description" class="block-templates">
|
|
<h4>
|
|
Descripción
|
|
</h4>
|
|
<p>
|
|
Este control permite editar el nombre externo que tendrá el campo para la vista del cliente. Se puede configurar en los diferentes idiomas de la tienda.
|
|
</p>
|
|
</section>
|
|
<section id="field_type" class="block-templates">
|
|
<h4>
|
|
Tipo
|
|
</h4>
|
|
<p>
|
|
Este control informativo hace referencia al tipo de datos que va a tener como valor el campo. Sólo se puede escribir números en este campo.
|
|
</p>
|
|
</section>
|
|
<section id="field_size" class="block-templates">
|
|
<h4>
|
|
Tamaño
|
|
</h4>
|
|
<p>
|
|
Este control informativo hace referencia al tamaño de los valores que va a tener el campo, sólo aplica para campos de tipo <i>cadena de texto</i>.
|
|
</p>
|
|
</section>
|
|
<section id="field_type_control" class="block-templates">
|
|
<h4>
|
|
Tipo de control
|
|
</h4>
|
|
<p>
|
|
Este control informativo hace referencia al tipo de control que va a tener el campo, según el tipo de control se va a mostrar en la vista como
|
|
una lista de selección o un campo de texto.
|
|
</p>
|
|
</section>
|
|
<section id="required_field_value" class="block-templates">
|
|
<h4>
|
|
Valor por defecto
|
|
</h4>
|
|
<p>
|
|
Este control hace referencia al valor por defecto que va a tener el campo, este valor se mostrará al iniciar como un valor predeterminado.
|
|
</p>
|
|
</section>
|
|
<section id="required_field_required" class="block-templates">
|
|
<h4>
|
|
Requerido
|
|
</h4>
|
|
<p>
|
|
Este control permite definir si el campo va a ser requerido (obligatorio) para el cliente o se puede omitir.
|
|
</p>
|
|
<p>
|
|
En la columna <b><i>REQUERIDO</i></b> de la tabla se puede dar clic en los botones que se muestran para cambiar el estado del campo, cuando está en color rojo con una equis
|
|
significa que el campo no es requerido (obligatorio) para ser diligenciado por parte del cliente, cuando está en verde con un símbolo de chequeo
|
|
significa que el campo es requerido (obligatorio) para el cliente.
|
|
</p>
|
|
</section>
|
|
<section id="required_field_active" class="block-templates">
|
|
<h4>
|
|
Activo
|
|
</h4>
|
|
<p>
|
|
Este control permite definir si el campo va a estar habilitado para ser mostrado en la vista y que el cliente lo pueda diligenciar.
|
|
</p>
|
|
<p>
|
|
En la columna <b><i>ACTIVO</i></b> se puede dar clic en los botones que se muestran para cambiar el estado del campo, cuando está en color rojo con una equis significa
|
|
que el campo no está activo y por lo tanto no se verá en la vista del módulo, cuando está en verde con un símbolo de chequeo significa que el campo está activo
|
|
y se mostrará en los formularios que debe diligenciar el cliente.
|
|
</p>
|
|
</section>
|
|
<section id="tab_fields_position" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-arrows fa-1x"></i> Posiciones de campos
|
|
</h3>
|
|
<p>
|
|
En la sección de Posiciones de los campos se configura el orden que tendrán los campos en la vista del módulo.
|
|
En esta sección se mantienen los colores de los campos según su objeto (ver <b>CAMPOS DE REGISTRO</b>)
|
|
</p>
|
|
<p>
|
|
Para cambiar el orden de los campos debe arrastrar cada etiqueta que haga referencia a un campo y ubicarla enseguida de otra etiqueta según el orden
|
|
que usted prefiera. También puede arrastrarla para dejar en una nueva fila para que quede en una fila única; además puede ordenar
|
|
las filas completas, para esto debe arrastrar en cualquier lugar del espacio blanco que hay en cada campo que está encerrado por un borde,
|
|
el cual hace referencia a la fila.
|
|
</p>
|
|
<p>
|
|
La configuración del orden se guarda automáticamente luego de cada ordenamiento.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_fields_position_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="tab_social_login" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-share-alt fa-1x"></i> Login social
|
|
</h3>
|
|
<p>
|
|
En esta sección se configuran las claves de las aplicaciones de <i>Google</i> y de <i>Facebook</i> para que los clientes de
|
|
la tienda puedan loguearse por medio de estas.
|
|
</p>
|
|
</section>
|
|
<section id="tab_facebook" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-facebook fa-1x"></i> Facebook
|
|
</h3>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_facebook_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="how_to_facebook" class="block-templates">
|
|
<h4>
|
|
Cómo crear una aplicación en <b>Facebook</b>?
|
|
</h4>
|
|
<ol>
|
|
<li>Ir a <a target="_blank" href="https://developers.facebook.com/apps/">Facebook Developer</a> e iniciar sesión con sus credenciales. </li>
|
|
<li>
|
|
Clic sobre el botón <b>Crear una nueva aplicación</b> <i class="fa fa-question-circle fa-1x text-info" data-toggle="tooltip" data-placement="top" title="Este se encuentra en la parte superior derecha de la pantalla"></i>.
|
|
</li>
|
|
<li>
|
|
Aparecerá un popup, llenar el formulario y hacer clic sobre el botón <b>Crear identificador de la aplicación</b>.
|
|
</li>
|
|
<li>
|
|
Será redirigido a la configuración de la aplicación. Ir a la pestaña <b>Configuración > Básica</b> en el menú lateral<br> ,
|
|
llenar el formulario (campos requeridos: Dominios de la aplicación y Correo electrónico de contacto) y seguir las instrucciones de la imagen:
|
|
<img src="screenshots/social_login/facebook/fb1_es.png">
|
|
</li>
|
|
<li>
|
|
Se mostrará un popup, elegir la opción <b>Sitio web</b>, ingresar la url de su tienda y oprimir el botón <b>Guardar cambios</b>
|
|
</li>
|
|
<li>
|
|
Ir a la pestaña <b>Revisión de la aplicación</b> y elegir <b>SI</b> en la opción <b>¿Quieres que {Nombre de la página} sea una aplicación pública?</b>.
|
|
</li>
|
|
<li>
|
|
Seguir las instrucciones de la imagen:<br>
|
|
<img src="screenshots/social_login/facebook/fb2_es.png">
|
|
</li>
|
|
<li>
|
|
Será redirigido a una nueva página, seleccionar nuevamente <b>Sitio web</b>, hacer clic sobre el botón <b>Guardar</b>
|
|
</li>
|
|
<li>
|
|
Ir a la pestaña <b>Panel</b> en el menú lateral, aquí encontraras el identificador y clave secreta necesarios para la configuración (API Key Facebook y Secret Key Facebook).<br>
|
|
<img src="screenshots/social_login/facebook/fb3_es.png">
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
<section id="social_login_id_facebook" class="block-templates">
|
|
<h4>
|
|
<i>API Key</i> Facebook
|
|
</h4>
|
|
<p>
|
|
En este campo de texto debe ingresar el <i>API Key</i> de la aplicación de Facebook.
|
|
</p>
|
|
</section>
|
|
<section id="social_login_secret_facebook" class="block-templates">
|
|
<h4>
|
|
<i>Secret Key</i> Facebook
|
|
</h4>
|
|
<p>
|
|
En este campo de texto debe ingresar el <i>Secret Key</i> de la aplicación de Facebook.
|
|
</p>
|
|
</section>
|
|
<section id="tab_google" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-google fa-1x"></i> Google
|
|
</h3>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_google_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="how_to_google" class="block-templates">
|
|
<h4>Cómo crear una aplicación en <b>Google</b>?</h4>
|
|
<ol>
|
|
<li>Ir a <a target="_blank" href="https://code.google.com/apis/console/">Google Api Console</a> e iniciar sesión con sus credenciales</li>
|
|
<li>
|
|
Presionar el botón <b>Crear proyecto</b> <i class="fa fa-question-circle fa-1x text-info" data-toggle="tooltip" data-placement="top" title="Este se encuentra en la parte izquierda de la pantalla"></i>,
|
|
ingresar el nombre del proyecto y hacer clic sobre el botón <b>Crear</b>.
|
|
</li>
|
|
<li>
|
|
Hacer clic en la opción <b>Google+ API</b>, posteriormente aparecerá una nueva vista. Hacer clic en el botón <b>Enable</b>
|
|
<br>
|
|
<div class="tree">
|
|
<img src="screenshots/social_login/google/gg1_es.png">
|
|
</div>
|
|
<br>
|
|
</li>
|
|
<li>
|
|
Hacer clic en la pestaña <b>Credenciales</b> del menú lateral. Presionar el botón <b>Crear credenciales</b>
|
|
y hacer clic sobre la opción <b>ID del cliente de OAuth</b><br>
|
|
<div class="tree">
|
|
<img src="screenshots/social_login/google/gg2_es.png">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
Hacer clic sobre el botón <b>Configurar pantalla de autorización</b>
|
|
</li>
|
|
<li>
|
|
Llenar el formulario con los datos que considere necesarios y hacer clic sobre el botón <b>Guardar</b>
|
|
</li>
|
|
<li>
|
|
Seleccionar la opción <b>Web</b>, posteriormente aparecerá un formulario. Los valores a introducir
|
|
en las opciones "Authorized JavaScript Origins" y "Authorized redirect URIs" los encuentra en los encuentra en la configuración
|
|
del módulo, en "Login social > Google" al hacer clic en el botón ¿Cómo puedo obtener esta información?. Finalmente hacer clic sobre
|
|
el botón <b>Create</b>
|
|
</li>
|
|
<li>
|
|
Aparecerá una ventana modal con el <b>API Key</b> y <b>Secret Key</b> de la aplicación.
|
|
<div class="tree">
|
|
<img src="screenshots/social_login/google/gg3_es.png">
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
<section id="social_login_id_goole" class="block-templates">
|
|
<h4>
|
|
<i>API Key</i> Google
|
|
</h4>
|
|
<p>
|
|
En este campo de texto debe ingresar el <i>API Key</i> de la aplicación de Google.
|
|
</p>
|
|
</section>
|
|
<section id="social_login_secret_google" class="block-templates">
|
|
<h4>
|
|
<i>Secret Key</i> Google
|
|
</h4>
|
|
<p>
|
|
En este campo de texto debe ingresar el <i>Secret Key</i> de la aplicación de Google.
|
|
</p>
|
|
</section>
|
|
<section id="tab_paypal" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-paypal fa-1x"></i> Paypal
|
|
</h3>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_paypal_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="how_to_paypal" class="block-templates">
|
|
<h4>Cómo crear una aplicación en <b>Paypal</b>?</h4>
|
|
<ul>
|
|
<li>Ir a <a href="https://developer.paypal.com/" target="_blank">https://developer.paypal.com/</a>, hacer clic en el botón <b>Log In</b> e iniciar sesión en Paypal</li>
|
|
<li>Hacer clic en el botón <b>Dashboard</b> de la parte superior derecha de la pantalla</li>
|
|
<li>
|
|
Seguir los pasos de la imagen:<br>
|
|
<div class="tree"><img src="screenshots/social_login/paypal/paypal1_es.png"></div>
|
|
</li>
|
|
<li>
|
|
Llenar el formulario y oprimir el botón <b>Create App</b>:<br>
|
|
<div class="tree"><img src="screenshots/social_login/paypal/paypal2_es.png"></div>
|
|
</li>
|
|
<li>
|
|
Una vez creada la aplicación ya puede ver el <i>App ID</i> y <i>App Secret</i> de la aplicación.<br>
|
|
<div class="tree"><img src="screenshots/social_login/paypal/paypal3_es.png"></div>
|
|
</li>
|
|
<li>
|
|
Buscar la sección <b>LIVE APP SETTINGS</b> y seguir los pasos de la imagen:<br>
|
|
<div class="tree"><img src="screenshots/social_login/paypal/paypal4_es.png"></div>
|
|
</li>
|
|
<li>
|
|
Después de haber dado clic en la opción <b>Advanced Options</b>
|
|
se desplegará un formulario, seguir los pasos:<br>
|
|
- Seleccionar las opciones: <u>Personal Information</u> y <u>Address Information</u>.<br>
|
|
- Ingresar una URL de <u>políticas de privacidad</u> y de <u>términos y condiciones</u>.<br>
|
|
- Seleccionar la opción: <u>Allow the customers who haven't yet confirmed their email address with PayPal, to log in to your app</u>.<br>
|
|
- Oprimir el botón <b>Save</b>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="social_login_id_paypal" class="block-templates">
|
|
<h4>
|
|
<i>API Key</i> Paypal
|
|
</h4>
|
|
<p>
|
|
En este campo de texto debe ingresar el <i>API Key</i> de la aplicación de Paypal.
|
|
</p>
|
|
</section>
|
|
<section id="social_login_secret_paypal" class="block-templates">
|
|
<h4>
|
|
<i>Secret Key</i> Paypal
|
|
</h4>
|
|
<p>
|
|
En este campo de texto debe ingresar el <i>Secret Key</i> de la aplicación de Paypal.
|
|
</p>
|
|
</section>
|
|
<section id="tab_translate" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-globe fa-1x"></i>
|
|
Traducir
|
|
</h3>
|
|
<p>
|
|
En esta sección se configuran las traducciones del módulo.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_translate_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="select_language" class="block-templates">
|
|
<h4>
|
|
Seleccione un lenguage
|
|
</h4>
|
|
<p>
|
|
En esta lista desplegable seleccione el idioma a traducir. Después de haber seleccionado una opción, los formularios de cada
|
|
fichero del módulo se llenarán con los valores guardados anteriormente. Si no se encuentran valores
|
|
los campos de los fomularios quedarán en blanco.
|
|
</p>
|
|
</section>
|
|
<section id="save" class="block-templates">
|
|
<h4>
|
|
Guardar
|
|
</h4>
|
|
<p>
|
|
Este botón le permite guardar la traducción realizada.
|
|
</p>
|
|
</section>
|
|
<section id="save_download" class="block-templates">
|
|
<h4>
|
|
Guardar y Descargar
|
|
</h4>
|
|
<p>
|
|
Este botón le permite guardar y descargar un archivo .php con la traducción realizada.
|
|
</p>
|
|
</section>
|
|
<section id="share_translation" class="block-templates">
|
|
<h4>
|
|
Comparte tu traducción con nosotros
|
|
</h4>
|
|
<p>
|
|
Al dar clic en este botón se envía a nosotros (info@presteamshop.com) la traducción realizada
|
|
al idioma seleccionado en la opción <b> Seleccione un lenguage</b>.
|
|
</p>
|
|
<div class="alert alert-info">
|
|
<i class="fa fa-info-circle"></i> Si comparte su traducción con nosotros lo tendremos en cuenta para
|
|
futuras actualizaciones del módulo.
|
|
</div>
|
|
</section>
|
|
<section id="tab_code_editors" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-code fa-1x"></i>
|
|
Editores de código
|
|
</h3>
|
|
<p>
|
|
En esta sección usted puede agregar o modificar código css y javascript de los archivos del módulo
|
|
sin necesidad de acceder directamente a estos.
|
|
|
|
Por ejemplo: Para modificar código css ingrese al apartado de <b>CSS</b>, busque el archivo que desea editar,
|
|
ingresa el código css y presiona el botón <b>Guardar</b>.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_code_editors_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="tab_suggestions" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-pencil fa-1x"></i>
|
|
Sugerencias
|
|
</h3>
|
|
<p>
|
|
Esta sección le permite comunicarse con nosotros ya sea para reportar problemas y contarnos sus dudas,
|
|
o para compartir con nosotros sus sugerencias, funcionalidades y opiniones a cerca del módulo.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_suggestions_es.png">
|
|
</div>
|
|
</section>
|
|
<section id="tab_faqs" class="block-templates">
|
|
<h3>
|
|
<i class="fa fa-question-circle fa-1x"></i>
|
|
FAQs
|
|
</h3>
|
|
<p>
|
|
En esta sección encontrará las respuestas a las preguntas frecuentes realizadas por nuestros clientes.
|
|
</p>
|
|
<div class="tree">
|
|
<img src="screenshots/tab_faqs_es.png">
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|