Gratis · sin registro

Widgets del precio del Gas LP para tu sitio web

Elige un widget, copia el código y pégalo en tu página. Muestra el precio máximo vigente publicado por la Comisión Nacional de Energía y se actualiza solo cada semana.

Precio nacional

Promedio nacional por litro y por kilo, con cilindros de 20 y 30 kg y la variación de la semana.

Cómo usarlo

Elige el tema y copia el código.
Pégalo en el HTML de tu sitio, donde quieras mostrar el precio.
Listo: el precio se actualiza solo cada vez que la CNE publica un periodo nuevo.

Parámetros

`tema`	`claro` (por omisión), `oscuro` o `auto` (sigue el modo del visitante).
`mostrar`	Precios separados por coma: `litro`, `kilo`, `20kg`, `30l`…
`presentacion`	`pequeno` · también `responsivo`, `barra`, `banner`, `lateral`.

Ideal para: Columnas, artículos y barras laterales.

Tema

Código

<script async src="https://www.preciogas.com.mx.nebulion.net/assets/widget.js"></script>
<preciogas-widget presentacion="pequeno" mostrar="litro,kilo,20kg,30kg"></preciogas-widget>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center">Precio del Gas LP: <a href="https://www.preciogas.com.mx.nebulion.net/precio-gas-lp/">PrecioGas.com.mx</a></p>

Ajustar formato y guardar en mi cuenta

Precio por estado

El promedio vigente de un estado. Ideal para gaseras y medios que atienden una entidad completa.

Cómo usarlo

Elige el tema y la zona y copia el código.
Pégalo en el HTML de tu sitio, donde quieras mostrar el precio.
Listo: el precio se actualiza solo cada vez que la CNE publica un periodo nuevo.

Parámetros

`estado`	Estado, en minúsculas y sin acentos: `jalisco`, `nuevo-leon`. Sin él, promedio nacional.
`tema`	`claro` (por omisión), `oscuro` o `auto` (sigue el modo del visitante).
`mostrar`	Precios separados por coma: `litro`, `kilo`, `20kg`, `30l`…
`presentacion`	`pequeno` · también `responsivo`, `barra`, `banner`, `lateral`.

Ideal para: Sitios de gaseras estatales y medios locales.

Tema

Estado

Código

<script async src="https://www.preciogas.com.mx.nebulion.net/assets/widget.js"></script>
<preciogas-widget estado="jalisco" presentacion="pequeno" mostrar="litro,kilo,20kg,30kg"></preciogas-widget>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center">Precio del Gas LP: <a href="https://www.preciogas.com.mx.nebulion.net/precio-gas-lp/jalisco/">PrecioGas.com.mx</a></p>

Ajustar formato y guardar en mi cuenta

Precio por municipio

El precio máximo exacto de un municipio: la cifra oficial que aplica a tu zona de reparto.

Cómo usarlo

Elige el tema y la zona y copia el código.
Pégalo en el HTML de tu sitio, donde quieras mostrar el precio.
Listo: el precio se actualiza solo cada vez que la CNE publica un periodo nuevo.

Parámetros

`estado`	Estado, en minúsculas y sin acentos: `jalisco`, `nuevo-leon`. Sin él, promedio nacional.
`municipio`	Municipio del estado indicado: `guadalajara`, `zapopan`.
`tema`	`claro` (por omisión), `oscuro` o `auto` (sigue el modo del visitante).
`mostrar`	Precios separados por coma: `litro`, `kilo`, `20kg`, `30l`…
`presentacion`	`pequeno` · también `responsivo`, `barra`, `banner`, `lateral`.

Ideal para: Distribuidoras y sucursales con una zona definida.

Tema

Estado Municipio

Código

<script async src="https://www.preciogas.com.mx.nebulion.net/assets/widget.js"></script>
<preciogas-widget estado="jalisco" municipio="guadalajara" presentacion="pequeno" mostrar="litro,kilo,20kg,30kg"></preciogas-widget>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center">Precio del Gas LP: <a href="https://www.preciogas.com.mx.nebulion.net/precio-gas-lp/jalisco/guadalajara/">PrecioGas.com.mx</a></p>

Ajustar formato y guardar en mi cuenta

Precio de cilindros

Las cuatro presentaciones de cilindro (10, 20, 30 y 45 kg) calculadas con el precio por kilo vigente.

Cómo usarlo

Elige el tema y la zona y copia el código.
Pégalo en el HTML de tu sitio, donde quieras mostrar el precio.
Listo: el precio se actualiza solo cada vez que la CNE publica un periodo nuevo.

Parámetros

`estado`	Estado, en minúsculas y sin acentos: `jalisco`, `nuevo-leon`. Sin él, promedio nacional.
`tema`	`claro` (por omisión), `oscuro` o `auto` (sigue el modo del visitante).
`mostrar`	Precios separados por coma: `litro`, `kilo`, `20kg`, `30l`…
`presentacion`	`normal` · también `responsivo`, `barra`, `banner`, `lateral`.

Ideal para: Expendios y tiendas que venden cilindros.

Tema

Estado

Código

<script async src="https://www.preciogas.com.mx.nebulion.net/assets/widget.js"></script>
<preciogas-widget estado="jalisco" presentacion="normal" mostrar="10kg,20kg,30kg,45kg"></preciogas-widget>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center">Precio del Gas LP: <a href="https://www.preciogas.com.mx.nebulion.net/precio-gas-lp/jalisco/">PrecioGas.com.mx</a></p>

Ajustar formato y guardar en mi cuenta

Barra de precios

Una franja horizontal de ancho completo para la cabecera o el pie de tu página.

Cómo usarlo

Elige el tema y la zona y copia el código.
Pégalo en el HTML de tu sitio, donde quieras mostrar el precio.
Listo: el precio se actualiza solo cada vez que la CNE publica un periodo nuevo.

Parámetros

`estado`	Estado, en minúsculas y sin acentos: `jalisco`, `nuevo-leon`. Sin él, promedio nacional.
`tema`	`claro` (por omisión), `oscuro` o `auto` (sigue el modo del visitante).
`mostrar`	Precios separados por coma: `litro`, `kilo`, `20kg`, `30l`…
`presentacion`	`cinta` · también `responsivo`, `barra`, `banner`, `lateral`.

Ideal para: Cabeceras, avisos fijos y pies de página.

Tema

Estado

Código

<script async src="https://www.preciogas.com.mx.nebulion.net/assets/widget.js"></script>
<preciogas-widget estado="jalisco" presentacion="cinta" mostrar="litro,kilo,20kg,30kg"></preciogas-widget>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center">Precio del Gas LP: <a href="https://www.preciogas.com.mx.nebulion.net/precio-gas-lp/jalisco/">PrecioGas.com.mx</a></p>

Ajustar formato y guardar en mi cuenta

Mini

La cifra esencial en 250 px de ancho. Cabe en cualquier barra lateral.

Cómo usarlo

Elige el tema y la zona y copia el código.
Pégalo en el HTML de tu sitio, donde quieras mostrar el precio.
Listo: el precio se actualiza solo cada vez que la CNE publica un periodo nuevo.

Parámetros

`estado`	Estado, en minúsculas y sin acentos: `jalisco`, `nuevo-leon`. Sin él, promedio nacional.
`tema`	`claro` (por omisión), `oscuro` o `auto` (sigue el modo del visitante).
`mostrar`	Precios separados por coma: `litro`, `kilo`, `20kg`, `30l`…
`presentacion`	`mini` · también `responsivo`, `barra`, `banner`, `lateral`.

Ideal para: Barras laterales y espacios reducidos.

Tema

Estado

Código

<script async src="https://www.preciogas.com.mx.nebulion.net/assets/widget.js"></script>
<preciogas-widget estado="jalisco" presentacion="mini" mostrar="litro,kilo"></preciogas-widget>
<p style="margin:6px 0 0;font:12px/1.4 Arial,sans-serif;text-align:center">Precio del Gas LP: <a href="https://www.preciogas.com.mx.nebulion.net/precio-gas-lp/jalisco/">PrecioGas.com.mx</a></p>

Ajustar formato y guardar en mi cuenta

El mismo precio oficial, con la imagen de tu empresa

La versión gratuita muestra la marca y el enlace de PrecioGas.com.mx. Con un plan, el widget es tuyo: tus colores, tu logotipo y sin publicidad de terceros.

Versión gratuita

Con un plan: colores propios y sin marca de PrecioGas

Qué incluye	Gratis	Widgetdesde $99 MXN/mes	Widget + APIdesde $699 MXN/mes
Precio oficial actualizado cada semana	✓	✓	✓
Tema claro u oscuro	✓	✓	✓
Precio nacional, por estado o por municipio	✓	✓	✓
Sin el logotipo ni el enlace de PrecioGas	—	✓	✓
Tus colores, esquinas y tipografía de tarjeta	—	✓	✓
Tu logotipo en el widget	—	✓	✓
Varias zonas en un mismo widget	—	✓	✓
Más configuraciones guardadas en tu cuenta	—	✓	✓
API REST con el precio en JSON para tu sistema	—	—	✓
	Usar gratis	Ver planes	Planes con API

Todos los planes son mensuales, sin plazo forzoso, y cubren de 1 a 20 sitios. Puedes empezar gratis y cambiar de plan cuando lo necesites.

Reglas de la versión gratuita

Los widgets son gratuitos para sitios personales y comerciales.
El enlace a PrecioGas.com.mx debe permanecer visible y sin alteraciones.
No modifiques las cifras ni presentes el precio como propio: la fuente es la Comisión Nacional de Energía.
El precio mostrado es un máximo publicado; no sustituye la cotización de cada proveedor.
Podemos ajustar el diseño de los widgets o limitar usos abusivos que afecten el servicio.
Al usarlos aceptas los términos y condiciones del sitio.

Dudas de quien lo va a instalar

¿Necesito crear una cuenta para usar los widgets?

No. Copias el código de cualquier widget de esta página y lo pegas en tu sitio. La cuenta gratuita sólo hace falta si quieres guardar tus configuraciones y ajustar el formato en el generador.

¿Tengo que actualizar el precio cada semana?

No. El widget consulta el precio máximo vigente publicado por la Comisión Nacional de Energía y cambia solo cuando entra en vigor el periodo nuevo.

¿Funciona en WordPress, Wix o Shopify?

Sí. Cualquier plataforma que permita pegar HTML lo admite: en WordPress usa un bloque «HTML personalizado»; en Wix, «Insertar código»; en Shopify, una sección de «HTML personalizado».

¿Puedo usarlo en el sitio de mi negocio?

Sí. La versión gratuita se puede usar en sitios personales y comerciales, siempre que el enlace a PrecioGas.com.mx se mantenga visible.

¿Qué incluyen los planes de pago?

Quitan el logotipo y el enlace de PrecioGas, permiten usar tus colores y tu logotipo, combinar varias zonas en un mismo widget, guardar más configuraciones y, en los planes con API, recibir el dato en JSON en tu propio sistema.

¿El precio del widget es el precio al que vendo?

No. Es el precio máximo publicado por la CNE para esa región: el tope legal de venta al consumidor final. Muchas empresas lo muestran como referencia junto a su propio precio.

¿Quieres guardar y ajustar tus widgets?

Crea tu cuenta gratuita: el generador te deja elegir formato, precios y zona, y guarda cada configuración.

Crear cuenta gratis