# Integrating revolution slider plugin

**URL:** <https://community.hubspot.com/t/integrating-revolution-slider-plugin/63529>\
**Category:** CMS Development\
**Tags:** starter\
**Created:** [August 23, 2022, 11:20am UTC](https://community.hubspot.com/t/integrating-revolution-slider-plugin/63529 "2022-08-23T11:20:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![simonp](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/simonp/32/60590_2.png) [@simonp](https://community.hubspot.com/u/simonp)\
**Post date:** [August 23, 2022, 11:20am UTC](https://community.hubspot.com/t/integrating-revolution-slider-plugin/63529/1 "2022-08-23T11:20:54Z")

</div>

Hello

I am looking to see if anyone has tried to integrate the revolution slider plugin with Hubspot.

Specifically looking at something which offer a slider with tabs

Many thanks

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [August 24, 2022, 10:15am UTC](https://community.hubspot.com/t/integrating-revolution-slider-plugin/63529/2 "2022-08-24T10:15:19Z")

</div>

Hi @simonp,

I’ve build a lot of sliders in the past.

Haven’t used Revolution slider specifically but I know that [slick](https://kenwheeler.github.io/slick/) and [swiper](https://swiperjs.com/) are working like a charm with HubSpot.

My recommendation would be to set every option up, group them in a [repeater](https://developers.hubspot.com/docs/cms/hubl/for-loops) and write your layout how you want to.

Example for a slide with tabs and slick

```lia-code-sample
<div class="sliderWrapper">
{% for single_slide in module.slides %} {# start repeater for multiple slides #}
 <div class="slideInner">
<div class="content-wrapper">
<h2 class="h1">{{single_slide.headline}}</h2>
<div class="tabsWrapper">
{% for single_tab in tabs.slingle_slide %} {# start repeater for each tab in a single slide #}
<div class="tabContent">
{# place your tab content here #}
</div>
{% endfor %}{# end repeater for each tab in a single slide #}
</div>
</div>
</div>
{% endfor %} {# end repeater for multiple slides #}
</div>

```

hope that helps,

best,

Anton

---

<div class="post-metadata">

**Author:** ![simonp](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/simonp/32/60590_2.png) [@simonp](https://community.hubspot.com/u/simonp)\
**Post date:** [August 24, 2022, 3:03pm UTC](https://community.hubspot.com/t/integrating-revolution-slider-plugin/63529/3 "2022-08-24T15:03:29Z")

</div>

thanks anton

---

<div class="post-metadata">

**Author:** ![FlorianRenogyX](https://avatars.discourse-cdn.com/v4/letter/f/e47774/32.png) [@FlorianRenogyX](https://community.hubspot.com/u/FlorianRenogyX)\
**Post date:** [March 16, 2023, 11:22pm UTC](https://community.hubspot.com/t/integrating-revolution-slider-plugin/63529/4 "2023-03-16T23:22:05Z")

</div>

Has anybody managed to achieve this? We’ve built complex designs with a revolution slider that can’t be replicated with another standard plugin.  
We’ve tried exporting the slider from WordPress has a zip that contains a main HTML file + js, CSS, and image folders.  
In Hubspot, we tried to upload all the files separately and create an HTML module to call those files without success.  
Any hints for us ?  
thanks !