HTML Photo Gallery widget code

Publish your astonishing photos on the website


HTML Photo Gallery widget code
1 / 6


Elfsight Gallery widget is the easiest way to show your pictures or make an attractive albums on your website. Insert any amount of photos, place descriptions, and choose the optimal way to position them on the page. Our widget includes six templates and diverse additional design possibilities. Each photo opens in popup mode, people can navigate through them or watch a slideshow, zoom in and out, and open the pictures full-screen. You can find custom colors for the widget elements and apply a custom background, apply text options and more style features.

Grow user engagement level showing beautiful photo collections!

How can I embed a Photo Gallery to my HTML site?

The construction of the tool happens on the Elfsight pages and there’s no need to learn coding. Apply our live demo to tailor your tool, acquire the code and add it to your website.

The best usage examples of Image Gallery integration

We ’ll provide you with a plethora of adjustment options: full-size widgets for embedding into the content section, floating widgets for scrolling feature, layouts for the footer, header and all kinds of vertical options for website sidebars and menus.

How do I build a Product Photo or Portfolio Photo Gallery by means of the editor?

You can build any widget’s variations. There are tons of layouts applicable in the editor, and all of them can be swiftly adjusted just the way you require.


Here you can see all the features of HTML Photo Gallery code. They are available right in the editor and they will help you configure the widget template right for your case.

  • Utilize CTA buttons to guide your audience towards your goal.
  • Adjust slide switching duration.
  • Choose between multiple pagination options.
  • Put your message anywhere on the page with the help of advanced position.
  • Adjust five content options.

Check all other functions in the demo

How to add Photo Gallery code in HTML?

To embed widget, take several fast steps.

  1. Design your personal Gallery template
    Managing our free demo, create a widget code with a preferable design and functionality.
  2. Get the personal code to install the widget
    After you have customized your template, you will receive the unique code from the appeared notification on Elfsight Apps. Copy it.
  3. Display the Gallery widget on your HTML website
    Pick the area you plan to add the widget to and paste the saved code there. Save the changes.
  4. The embedding is successful!
    Enter the page, to view your widget.

Don’t think twice to address our customer service in case you need help or have questions. We will be happy to assist with every request.


14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent solution
from $0 / month
start with free plan
Unlimited websites
Free company support
Free installation assistance
Price to catch for multiple apps
Easy to edit content