Atributos de Locator y Pages

Plantilla de widget, que contiene todas las funcionalidades del localizador – lista para enviar con algunos ajustes.

Spanish

FR French

IT Italian

JP Japanese

DE German

US English (US)

ES Spanish

+ More

Tabla de contenidos

Locator Widget Lista de atributos Configuración general de Locator Configuración de vista de lista de Locator Configuración general de páginas Configuración de componentes de páginas Configuración de lista de contenido de páginas Configuración de colores Ejemplo de Locator Widget Código Muestra

El Locator Widget predeterminado contiene los elementos HTML mínimos necesarios para ejecutar el Locator Widget. Para personalizar la apariencia del Locator Widget de acuerdo con los requisitos y el diseño del sitio web, es posible añadir atributos HTML dentro del elemento HTML <div> para ajustar los componentes mostrados.

<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script> 
<div 
 id="store-finder-widget" 
 data-key="{{locator-data-key}}" 
></div>

Elementos y atributos obligatorios

Elemento	Atributos
<script>	<source> del JavaScript del Locator Widget <type> característica del elemento script
<div>	<id> define la división de contenido del Locator Widget <data-key> identifica la configuración específica del contenido mostrado

Lista de atributos

Lista colectiva de configuraciones posibles que se proporciona.

Configuración general de Locator

Atributo	Descripción
data-baseurl	Ruta URL Define la base de datos de producción o sandbox
data-widgetoriginurl	Ruta URL Define la base de datos de producción o sandbox
data-title	entrada de texto Define el título del Locator Widget
data-logourl	Ruta URL imagen accesible públicamente en formato .png o .jpg
data-locationpinurl	Ruta URL imagen accesible públicamente en formato .png o .jpg
data-locationpinurl-business	entrada de texto «$business_id1=URL_PATH1, $business_id2=URL_PATH2, ...» - imagen accesible públicamente en formato .png o .jpg requerido configuración de «data-locationpinurl»
data-locationpincolor	entrada de texto Acepta un color ya sea en texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-locationpinhovercolor	entrada de texto Acepta un color ya sea en texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-clustericoncolor	entrada de texto Acepta un color ya sea en texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-clustericonhovercolor	entrada de texto Acepta un color ya sea en texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-footertext	entrada de texto Define el pie de página del Locator Widget
data-language	entrada de texto Valores: «en»/«de» Define el idioma mostrado del Locator Widget con código de idioma de dos letras
data-countries	entrada de texto Valores: «US»/«DE» Define las ubicaciones mostradas por país con código de país de dos letras
data-askforlocationonload	booleano Valores: «true»/«false»
data-businessidlistwithoutdetailpage	entrada de texto Ubicaciones «solo pin» - tienen ubicaciones sin una página local añadiendo los id de negocio de la ubicación a ese atributo; lista de id de negocio separados por comas, p. ej.: «businessId_1,businessId_2,...»
data-trackevents	booleano Valores: «true»/«false»
data-gapikey	entrada de texto La clave API de Google Maps - si no se añade, se utiliza la clave normal del sistema como predeterminada.
data-mapcentercoordinates	entrada de texto Define lat y lng («lat:40,4;lng:-3,7») en las que el mapa debe estar centrado.

Etiquetas meta de Locator

entrada de texto

Atributo	Descripción
data-mainpagetitle	entrada de texto Define el título de la página en la que está incrustado el localizador.
data-mainpagedescription	entrada de texto Define la descripción de la página en la que está incrustado el localizador.
data-localpagetitle	entrada de texto Define un título de página local para todas las páginas. Usa marcadores de posición para individualizar títulos usando el formato de marcador de posición $placeholder: $name $city $address $zip $keywords $CustomFieldName
data-localpagedescription	entrada de texto Define una descripción para todas las páginas. Usa marcadores de posición para individualizar descripciones usando el formato de marcador de posición $placeholder: $name $city $address $zip $keywords $CustomFieldName
data-sitemaptitle
data-sitemapdescription	entrada de texto

Configuración de vista de lista de Locator

Atributo	Descripción
data-hideopennowfilter	booleano Valores: «true»/«false»
data-imperialunits	booleano Valores: «true»/«false»
data-filters	entrada de texto Selecciona los campos que controlan los datos de filtros. Esto puede ser el campo de servicios o un campo de filtro avanzado.
data-filter-services	entrada de texto Selección de filtros mostrados en la vista de lista de Locator. La entrada de texto de los filtros tiene que coincidir con los servicios de los datos de ubicación. requerido configuración de data-filters; separados por comas
data-showaddressextra	booleano Valores: «true»/«false»
data-showactionbuttons	booleano Valores: «true»/«false» Mostrar/Ocultar CTAs para direcciones y llamadas en la lista de ubicaciones
data-showctabuttoninlocationlist	booleano Valores: «true»/«false» Mostrar/Ocultar CTAs personalizados en la lista de ubicaciones
data-showfullwidth	booleano Valores: «true»/«false» Estira el mapa al ancho completo de su contenedor adjunto.
data-hidefilterbar	booleano Valores: «true»/«false» Oculta la barra de filtros desplegables si se establece en verdadero.

Configuración general de páginas

Atributo	Descripción
data-locationpageheader	entrada de texto Valores: «map»/«hero» Selección del encabezado de página de ubicación mostrado ya sea una vista de mapa o la imagen de panorama de los datos de ubicación con una dimensión de 2266 x 480 píxeles predeterminado «map»
data-showfooter	booleano Valores: «true»/«false»
data-showheader	booleano Valores: «true»/«false»
data-showattribution	booleano Valores: «true»/«false»
data-showaddressextra	booleano Valores: «true»/«false»
data-noindexlocationsmap	booleano Valores: «true»/«false» Las páginas del mapa del sitio no serán indexadas por Google.

Configuración de componentes de páginas

Atributo	Descripción
data-minimumreviewratingtoshow	entrada de texto Define la calificación de estrella mínima que tiene que tener una reseña para ser mostrada. Debe usarse en conjunto con data-showreviews="true" Valores: «1»/«2»/«3»/«4»/«5»
data-showkeywords	booleano Valores: «true»/«false»
data-showcategories	booleano Valores: «true»/«false»
data-showlanguages	booleano Valores: «true»/«false»
data-showwebsite	booleano Valores: «true»/«false»
data-showlogo	booleano Valores: «true»/«false»
data-showsimilarlocations	booleano Valores: «true»/«false»
data-showservices	booleano Valores: «true»/«false»
data-showbrands	booleano Valores: «true»/«false»
data-showbacklink	booleano Define si se debe mostrar «volver a la vista del mapa» Valores: «true»/«false»
data-showreviews	booleano Define si debe mostrarse la retroalimentación del cliente - solo Google my Business Valores: «true»/«false»
data-showpaymentmethods	booleano Valores: «true»/«false»
data-useidentifier	booleano Valores: «true»/«false»
data-uselatinencodedurls	booleano Valores: «true»/«false» Se usa para direcciones con caracteres no latinos para encajar
data-showzipcity	booleano Valores: «true»/«false»
data-showsocialprofiles	booleano Valores: «true»/«false»
data-showimprint	booleano Valores: «true»/«false»
data-primarycolumn-snippetcustomfieldkey	Entrada de texto Valor: nombre de tu campo personalizado que contiene el HTML
data-secondarycolumn-snippetcustomfieldkey	Entrada de texto Valor: nombre de tu campo personalizado que contiene el HTML

Configuración de lista de contenido de páginas

Atributo	Descripción
data-showProductContentList	booleano Valores: «true»/«false»
data-showMenuContentList	booleano Valores: «true»/«false»
data-showEventContentList	booleano Valores: «true»/«false»
data-showCustomContentList	booleano Valores: «true»/«false»
data-showPeopleContentList	booleano Valores: «true»/«false»

Configuración de colores

Atributo	Descripción
data-buttonbgcolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-buttontextcolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-linkcolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-primarytextcolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-bgprimarycolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-bgsecondarycolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-bordercolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-listitemhovercolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)
data-secondarytextcolor	entrada de texto Define el color de ese elemento usando texto, código RGB o código Hex («red», «rgb(255,0,0)», «#EB4034»)

Si te gustaría darnos comentarios (p. ej. algo falta o una sugerencia) por favor ponte en contacto con nosotros.

El siguiente código del Locator Widget es un ejemplo que contiene todos los atributos disponibles, aunque no todos se usan, que se proporcionan.

Código

<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script>

<div   
id="store-finder-widget" 
data-key="{{locator-data-key}}" 
data-baseurl="https://uberall.com" 


data-title="Locator + Pages"
data-logourl="{{logo-url}}"
data-locationpinurl="{{pin-url}}" 
data-locationpinurl-business=""
data-locationpincolor=""
data-locationpinhovercolor=""
data-clustericoncolor=""
data-clustericonhovercolor=""
data-footertext="copyright (2020 Uberall)"
data-locationpageheader="map"
data-showfullwidth="false"

data-language="" 
data-countries="" 


data-askforlocationonload="true" 
data-trackevents="true" 


data-hideopennowfilter="false" 
data-imperialunits="false" 
data-filters="services" 
data-filter-services="" 
data-hidefilterbar="false"


data-showkeywords="false"
data-showcategories="true"
data-showlanguages="true"
data-showwebsite="true"
data-showlogo="true"
data-showsimilarlocations="true"
data-showservices="true"
data-showbrands="false"
data-showbacklink="true"
data-showreviews="true"
data-showpaymentmethods="false"
data-useidentifier="false"
data-showzipcity="true"
data-showfooter="true"
data-showheader="true"
data-showattribution="true"


data-showProductContentList="true"
data-showMenuContentList="true"
data-showEventContentList="true"
data-showCustomContentList="true"
data-showPeopleContentList="true"


data-buttonbgcolor="#3096DE" 
data-buttontextcolor="white" 
data-linkcolor="#3096DE"
data-primarytextcolor="#3C77B2"  

data-bgprimarycolor="#FFFFFF"
data-bgsecondarycolor="#FFFFFF"
data-bordercolor="#FFFFFF"
data-listitemhovercolor="#FFFFFF"
data-secondarytextcolor="#FFFFFF"
data-primarycolumn-snippetcustomfieldkey="custom-primary"
data-secondarycolumn-snippetcustomfieldkey="custom-secondary"

></div>

Muestra

páginas localizador