Title: WP Colorbox
Author: Noor Alam
Published: <strong>10 de enero de 2014</strong>
Last modified: 16 de agosto de 2025

---

Buscar plugins

![](https://ps.w.org/wp-colorbox/assets/icon-128x128.png?rev=2610062)

# WP Colorbox

 Por [Noor Alam](https://profiles.wordpress.org/naa986/)

[Descargar](https://downloads.wordpress.org/plugin/wp-colorbox.zip)

 * [Detalles](https://es.wordpress.org/plugins/wp-colorbox/#description)
 * [Valoraciones](https://es.wordpress.org/plugins/wp-colorbox/#reviews)
 *  [Instalación](https://es.wordpress.org/plugins/wp-colorbox/#installation)
 * [Desarrollo](https://es.wordpress.org/plugins/wp-colorbox/#developers)

 [Soporte](https://wordpress.org/support/plugin/wp-colorbox/)

## Descripción

[WP Colorbox](https://noorsplugin.com/wordpress-colorbox-plugin/) plugin is a simple
lightbox tool for WordPress. It allows users to pop up content in lightbox using
the popular jQuery ColorBox library. They can also view the larger version of a 
particular media file without leaving the page.

#### Características

 * Beautiful lightbox popup style
 * Flexiblity of creating your own lightbox link
 * Pop up custom/HTML content in lightbox
 * Trigger lightbox from either a text/image link
 * Add lightbox to a YouTube or Vimeo video link
 * Enable lightbox functionality on your site which supports modern browsers
 * Use a simple shortcode to pop up a media file in lightbox
 * Apply lightbox effect on images inserted into WordPress post/page
 * Open external page in lightbox using iframe
 * Responsive lightbox popup which works on mobile devices. Also it fits perfectly
   on smaller screens.

#### How to Use WP Colorbox

**Pop up image in lightbox**

Create a new post/page and use the following shortcode to create a text/image link
which will trigger lightbox once clicked:

    ```
    [wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="click here to pop up image"]
    ```

here, url is the link to the media file that you wish to open in lightbox and hyperlink
is the anchor text/image.

    ```
    [wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg"]
    ```

**Pop up YouTube video in lightbox**

    ```
    [wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video"]
    ```

**Pop up Vimeo video in lightbox**

    ```
    [wp_colorbox_media url="https://www.youtube.com/embed/1284237" type="vimeo" hyperlink="click here to pop up vimeo video"]
    ```

**Specify an Alternate Text for an Image**

    ```
    [wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" title="overlay image" type="image" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg" alt="Thumbnail image description"]
    ```

**Apply Custom CSS**

You can specify your own CSS class in the shortcode to customize a text/image link.

    ```
    [wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video" class="custom_class"]
    ```

Multiple CSS classes can be separated with a space. For example:

    ```
    [wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video" class="custom_class custom_class2"]
    ```

For detailed documentation please visit the [WordPress Colorbox](https://noorsplugin.com/wordpress-colorbox-plugin/)
plugin page

## Capturas

[⌊Image popup in lightbox⌉⌊Image popup in lightbox⌉[

Image popup in lightbox

[⌊YouTube video popup in lightbox⌉⌊YouTube video popup in lightbox⌉[

YouTube video popup in lightbox

[⌊Vimeo video popup in lightbox⌉⌊Vimeo video popup in lightbox⌉[

Vimeo video popup in lightbox

[⌊External page popup in lightbox⌉⌊External page popup in lightbox⌉[

External page popup in lightbox

## Instalación

 1. Go to the Add New plugins screen in your WordPress Dashboard
 2. Click the upload tab
 3. Browse for the plugin file (wp-colorbox.zip) on your computer
 4. Click «Install Now» and then hit the activate button

## FAQ

### Can I use this plugin to pop up an image in lightbox?

Yes.

### Can I use this plugin to pop up a YouTube video in lightbox?

Yes.

### Can I use this plugin to pop up a Vimeo video in lightbox?

Yes.

### Can I use this plugin to pop up an external page in lightbox?

Yes.

### Can I use this plugin to pop up inline HTML content in lightbox?

Yes.

### Is this plugin responsive?

Yes.

### Is this plugin compatible with desktop, tablet and mobile devices?

Yes.

## Reseñas

![](https://secure.gravatar.com/avatar/acd17a3a12309d7e5a7dc22c7dce474ae620fd8474422dedbc22138d47b7e19b?
s=60&d=retro&r=g)

### 󠀁[Best flexible lightbox on the market](https://wordpress.org/support/topic/best-flexible-lightbox-on-the-market/)󠁿

 [alphaomegawebdesign](https://profiles.wordpress.org/alphaomegawebdesign/) 1 de
junio de 2022

I use the colorbox lightbox for many years in my projects and for me it´s still 
the best lightbox plugin on the market. Its easy to use and very flexible in functionality
and design. Really great job. Thank you!!!

![](https://secure.gravatar.com/avatar/1eea8a19ab97b4f8c945c0b9a8a44e1c768abcb5d0d228f20d6ced174b18cf36?
s=60&d=retro&r=g)

### 󠀁[Great Text solution](https://wordpress.org/support/topic/great-text-solution/)󠁿

 [klstock12](https://profiles.wordpress.org/klstock12/) 11 de mayo de 2018

I was looking for a pop-up text solution. This fit it great.

![](https://secure.gravatar.com/avatar/2a10f7653fa888eb251140e256d85fc7b934141980bc7f217f221c85b9caf3ab?
s=60&d=retro&r=g)

### 󠀁[Firefox](https://wordpress.org/support/topic/firefox-22/)󠁿

 [gtwa](https://profiles.wordpress.org/gtwa/) 16 de marzo de 2018

Very good but it is not running on firefox and ms edge

![](https://secure.gravatar.com/avatar/fff557893d8f891d67b342abd47b2ff6d433ef327fb1b6560b97e3bf8ebfeec2?
s=60&d=retro&r=g)

### 󠀁[Simle and Jump-starting!](https://wordpress.org/support/topic/simle-and-jump-starting/)󠁿

 [brontho](https://profiles.wordpress.org/brontho/) 11 de enero de 2018

Many thanks to the plugin developers – you did a great job! I was able to start 
enjoying nice lightbox stuff on my website right after I saved my initial Fancybox
settings(and no matter what class was attributed to my img links!) I changes nothing
in my php/css, which is so cool. It just works. That’s fantastic!

![](https://secure.gravatar.com/avatar/123f1546ee584d51fc13eb392be0f0217760ad0188fa810cdef223baafef18e8?
s=60&d=retro&r=g)

### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-15646/)󠁿

 [malagraphicdesign](https://profiles.wordpress.org/malagraphicdesign/) 28 de octubre
de 2017

Works perfectly, thanks!

![](https://secure.gravatar.com/avatar/10f9e977485085d8c3f80ae70ffa66dd0b74ead8ca0287ebe1b30bbbdb467e84?
s=60&d=retro&r=g)

### 󠀁[Great support finally](https://wordpress.org/support/topic/poor-support-65/)󠁿

 [Joss0ne](https://profiles.wordpress.org/joss0ne/) 28 de septiembre de 2017

I needed to be patient adn I got good continuous support from Noor. He managed to
help me resolve m the issue I was encountering.

 [ Leer todas las 23 reseñas ](https://wordpress.org/support/plugin/wp-colorbox/reviews/)

## Colaboradores y desarrolladores

«WP Colorbox» es un software de código abierto. Las siguientes personas han colaborado
con este plugin.

Colaboradores

 *   [ Noor Alam ](https://profiles.wordpress.org/naa986/)

«WP Colorbox» está traducido en 5 idiomas. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/wp-colorbox/contributors)
por sus contribuciones.

[Traduce «WP Colorbox» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/wp-colorbox)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/wp-colorbox/) , echa
un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/wp-colorbox/) 
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/wp-colorbox/)
por [RSS](https://plugins.trac.wordpress.org/log/wp-colorbox/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.1.6

 * Removed title option.

#### 1.1.5

 * Made some security related improvements in the plugin.

#### 1.1.4

 * Removed some unused files.

#### 1.1.3

 * Made some security related improvements in the plugin.

#### 1.1.2

 * Updated Colorbox to the latest version (1.6.4).

#### 1.1.1

 * Compatible with WordPress 4.8
 * Updated all the permalinks

#### 1.1.0

 * Disabled scrolling option for YouTube and Vimeo videos.

#### 1.0.9

 * Alt (alternate text) attribute can now be specified in the shortcode for a thumbnail
   image.

#### 1.0.8

 * Added translation option so the plugin can take advantage of language packs
 * WP Colorbox is now compatible with WordPress 4.4

#### 1.0.7

 * WP Colorbox is now compatible with WordPress 4.3

#### 1.0.6

 * Added a new shortcode parameter to apply custom CSS classes on a text/image link

#### 1.0.5

 * Added a new shortcode parameter to show the title of a media in lightbox

#### 1.0.4

 * colorbox shortcodes can now be embedded in a text widget

#### 1.0.3

 * Lightbox now opens full-sized images

#### 1.0.2

 * Lightbox window is now responsive

#### 1.0.1

 * WP Colorbox is now compatible with WordPress 3.9

#### 1.0

 * Primera versión

## Meta

 *  Versión **1.1.6**
 *  Última actualización **hace 10 meses**
 *  Instalaciones activas **5.000+**
 *  Versión de WordPress ** 3.0 o superior **
 *  Probado hasta **6.8.5**
 *  Idiomas
 * [English (Australia)](https://en-au.wordpress.org/plugins/wp-colorbox/), [English (Canada)](https://en-ca.wordpress.org/plugins/wp-colorbox/),
   [English (New Zealand)](https://en-nz.wordpress.org/plugins/wp-colorbox/), [English (UK)](https://en-gb.wordpress.org/plugins/wp-colorbox/),
   [English (US)](https://wordpress.org/plugins/wp-colorbox/) y [Russian](https://ru.wordpress.org/plugins/wp-colorbox/).
 *  [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/wp-colorbox)
 * Etiquetas:
 * [colorbox](https://es.wordpress.org/plugins/tags/colorbox/)[gallery](https://es.wordpress.org/plugins/tags/gallery/)
   [image](https://es.wordpress.org/plugins/tags/image/)[lightbox](https://es.wordpress.org/plugins/tags/lightbox/)
   [photo](https://es.wordpress.org/plugins/tags/photo/)
 *  [Vista avanzada](https://es.wordpress.org/plugins/wp-colorbox/advanced/)

## Valoraciones

 4.3 de 5 estrellas.

 *  [  16 valoraciones de 5 estrellas     ](https://wordpress.org/support/plugin/wp-colorbox/reviews/?filter=5)
 *  [  3 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/wp-colorbox/reviews/?filter=4)
 *  [  1 valoración de 3 estrellas     ](https://wordpress.org/support/plugin/wp-colorbox/reviews/?filter=3)
 *  [  1 valoración de 2 estrellas     ](https://wordpress.org/support/plugin/wp-colorbox/reviews/?filter=2)
 *  [  2 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/wp-colorbox/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-colorbox/reviews/#new-post)

[Ver todas las valoraciones](https://wordpress.org/support/plugin/wp-colorbox/reviews/)

## Colaboradores

 *   [ Noor Alam ](https://profiles.wordpress.org/naa986/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/wp-colorbox/)

## Donar

¿Te gustaría apoyar el progreso de este plugin?

 [ Dona a este plugin ](https://noorsplugin.com/)