Make your WYSIWYG website look gorgeous!

WYSIWYG Web Builder is an easy tool for building websites on your Windows computer.

These beautiful image plugins will help your WYSIWYG website look gorgeous. With 3 effects to choose from, you can zoom and enlarge images so users can see every detail.

The WYSIWYG community loves using our tools on their websites. Pick yours and follow the setup instructions below.

Magic Zoom Plus for WYSIWYG

Join 45,000 happy users of the best image zoomer.

  • Dynamic or smooth - adjust the fade and smoothing options
  • The most impressive JavaScript image zoom & enlarge tool.
Buy now £49  Download WYSIWYG extension
Supported versions
    All latest versions

98%    of shoppers say its their favourite zoom

Downloads   
2100+

Key features

Responsive

Fast loading

SEO friendly

Supports video

Easy to customise

Switchable thumbnails

Friendly support

One-off payment

jQuery compatible

Regularly updated

Lazy loading

Optimised for mobile

Installation

  1. Download Magic Zoom Plus (free and fully functional demo version).
  2. Unzip the file on your computer, keeping the folder structure intact.
  3. Open the WYSIWYG built-in 'File publisher' and choose 'Add Folder'.
  4. Select the folder named magiczoomplus that you just unzipped. This will add the necessary files.
  5. In the main menu, go to 'Page > Page HTML' and add references to the JS/CSS files between the <head> </head> tags.
  6. Place an image on the page and select the path to your thumbnail image.
  7. Right click on the image and select 'Link'.
  8. Set 'Link To' to 'File' and browse the big image to zooming, then press OK.
  9. Right click again on the image and click 'HTML'.
  10. On the 'Inside Anchor' tab add class="MagicZoom".
  11. You've finished! Click F5 to preview. Enjoy!
  12. If it does not work, the video above will help you find the problem. If you can't figure it out, upload your file to a website and contact us with the URL of your page and we'll identify the problem.
  13. Buy Magic Zoom Plus To upgrade your free and fully functional trial version of Magic Zoom Plus (which removes the "Trial version" text), buy Magic Zoom Plus or get a free Magic Zoom Plus license (for non-commercial sites such as personal blogs and charities). Then overwrite the demo magiczoomplus.js file with the one from your licensed version.

Uninstallation

Thanks for trying Magic Zoom Plus on your WYSIWYG site! What did you hope Magic Zoom Plus could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. Go to image on the page and remove link to big image.
  2. Right click on the image and click 'HTML'.
  3. On the 'Inside Anchor' tab remove class="MagicZoom".
  4. In the main menu, go to 'Page > Page HTML' and delete references to the JS/CSS files between the <head> </head> tags.
  5. Open the WYSIWYG built-in 'File publisher' and delete 'magiczoomplus' folder.
  6. Magic Zoom Plus is now uninstalled.
  1. Alejandro Barreras, technopackcorp.com
    Alejandro Barreras
    technopackcorp.com
  2. Anneli Kuukka, johnstonscashmere.com
    Anneli Kuukka
    johnstonscashmere.com
  3. Nick Thomas, VintageWinter.com
    Nick Thomas
    VintageWinter.com

Magic Zoom Plus for WYSIWYG

Buy now  £49  Download WYSIWYG extension

Magic Zoom for WYSIWYG

The legendary Magic Zoom™. Established in 2006.

  • Over 40 popular customization options to choose from.
  • Responsive for any screen size, so all your customers will be happy.
Buy now £29  Download WYSIWYG extension
Supported versions
    All latest versions

93%    of users say it boosted their sales

Downloads   
1900+

Key features

Responsive

Fast loading

SEO friendly

Supports video

Easy to customise

Switchable thumbnails

Friendly support

One-off payment

Regularly updated

jQuery compatible

On-demand loading

Optimised for mobile

Installation

  1. Download Magic Zoom (free and fully functional demo version).
  2. Unzip the file on your computer, keeping the folder structure intact.
  3. Open the WYSIWYG built-in 'File publisher' and choose 'Add Folder'.
  4. Select the folder named magiczoom that you just unzipped. This will add the necessary files.
  5. In the main menu, go to 'Page > Page HTML' and add references to the JS/CSS files between the <head> </head> tags.
  6. Place an image on the page and select the path to your thumbnail image.
  7. Right click on the image and select 'Link'.
  8. Set 'Link To' to 'File' and browse the big image to zooming, then press OK.
  9. Right click again on the image and click 'HTML'.
  10. On the 'Inside Anchor' tab add class="MagicZoom".
  11. You've finished! Click F5 to preview. Enjoy!
  12. If it does not work, the video above will help you find the problem. If you can't figure it out, upload your file to a website and contact us with the URL of your page and we'll identify the problem.
  13. Buy Magic Zoom To upgrade your free and fully functional trial version of Magic Zoom (which removes the "Trial version" text), buy Magic Zoom or get a free Magic Zoom license (for non-commercial sites such as personal blogs and charities). Then overwrite the demo magiczoom.js file with the one from your licensed version.

Uninstallation

Thanks for trying Magic Zoom on your WYSIWYG site! What did you hope Magic Zoom could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. Go to image on the page and remove link to big image.
  2. Right click on the image and click 'HTML'.
  3. On the 'Inside Anchor' tab remove class="MagicZoom".
  4. In the main menu, go to 'Page > Page HTML' and delete references to the JS/CSS files between the <head> </head> tags.
  5. Open the WYSIWYG built-in 'File publisher' and delete 'magiczoom' folder.
  6. Magic Zoom is now uninstalled.
  1. Robby Susanto, balbaweb.com
    Robby Susanto
    balbaweb.com
  2. Emily,
    Emily
  3. Jeremy Rakowski, wnmdag.org
    Jeremy Rakowski
    wnmdag.org

Magic Thumb for WYSIWYG

The perfect lightbox to enlarge your WYSIWYG images.

  • Initialize Magic Thumb when images are fully loaded
  • Instantly view the next image, with no need to wait.
Buy now £29  Download WYSIWYG extension
Supported versions
    All latest versions

92%    of users say its the best image lightbox

Downloads   
1000+

Key features

Responsive

Fast loading

SEO friendly

Lazy loading

Supports video

Friendly support

One-off payment

Regularly updated

jQuery compatible

Swappable thumbnails

Installation

  1. Download Magic Thumb (free and fully functional demo version).
  2. Unzip the file on your computer, keeping the folder structure intact.
  3. Open the WYSIWYG built-in 'File publisher' and choose 'Add Folder'.
  4. Select the folder named magicthumb that you just unzipped. This will add the necessary files.
  5. In the main menu, go to 'Page > Page HTML' and add references to the JS/CSS files between the <head> </head> tags.
  6. Place an image on the page and select the path to your thumbnail image.
  7. Right click on the image and select 'Link'.
  8. Set 'Link To' to 'File' and browse the big image to zooming, then press OK.
  9. Right click again on the image and click 'HTML'.
  10. On the 'Inside Anchor' tab add class="MagicThumb".
  11. You've finished! Click F5 to preview. Enjoy!
  12. If it does not work, the video above will help you find the problem. If you can't figure it out, upload your file to a website and contact us with the URL of your page and we'll identify the problem.
  13. Buy Magic Thumb To upgrade your free and fully functional trial version of Magic Thumb (which removes the "Trial version" text), buy Magic Thumb or get a free Magic Thumb license (for non-commercial sites such as personal blogs and charities). Then overwrite the demo magicthumb.js file with the one from your licensed version.

Uninstallation

Thanks for trying Magic Thumb on your WYSIWYG site! What did you hope Magic Thumb could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. Go to image on the page and remove link to big image.
  2. Right click on the image and click 'HTML'.
  3. On the 'Inside Anchor' tab remove class="MagicThumb".
  4. In the main menu, go to 'Page > Page HTML' and delete references to the JS/CSS files between the <head> </head> tags.
  5. Open the WYSIWYG built-in 'File publisher' and delete 'magicthumb' folder.
  6. Magic Thumb is now uninstalled.
  1. Becca Bonneville, ninthandbloom.com
    Becca Bonneville
    ninthandbloom.com
  2. Rob Sykes, dusklights.co.uk
    Rob Sykes
    dusklights.co.uk
  3. Christopher Roy, looptworks.com
    Christopher Roy
    looptworks.com

Magic Thumb for WYSIWYG

Buy now  £29  Download WYSIWYG extension

About

These instructions take the place of the plugins that were previously provided. We received a lot of requests from the WYSIWYG community to add our tools to their websites. These instructions were provided to make it easy to add image zoom, images lightbox and image slideshows to WYSIWYG Web Builder.

Changelog

  • v1.5

    Added custom position for Magic Zoom and Magic Zoom Plus.

    June 14, 2010

  • v1.4

    Added image title option.

    April 6, 2010

  • v1.3

    Fixed invalid main image size.

    March 25, 2010

  • v1.2

    IMproved rel attribute for Magic Thumb and Magic Zoom Plus.

    March 5, 2010

  • v1.1

    Added support for Magic Zoom Plus 2.x.

    February 8, 2010

  • v1.0

    Added CHANGELOG.

    March 17, 2009