Embed A Before And After Slider App to a HubSpot Website

The easy way to add Before and after slider to HubSpot in minutes without coding or needing help from a developer.

Start for free now
img_alt_slide_show

Steps to Add a Before and after slider App on a HubSpot Site

Create your customized Before and after slider app, match your website's style and colors, and add Before and after slider to your HubSpot page, post, sidebar, footer, or wherever you like on your site.

How To Add a Before and after slider App on HubSpot:

  1. Create a Free Before and after slider App

    Start for free now
  2. Copy HTML Code

    Your code block will be available once you create your app

  3. Access Website Pages

    1. While logged into Hubspot, click on Marketing in the menu.
    2. Scroll down to Website and click on Website Pages.Note: You must have the Hubspot Website add-on.
  4. Select Website Page

    1. Hover over the page where Before and after slider will be installed and click on the Edit button. You will be redirected to the Hubspot editor.
  5. Add Module

    1. In the toolbar, click the + icon to add a module to the page.
    2. Click and drag the Rich Text element onto the page where Before and after slider will appear.
    3. Click on the newly added element to open its editor.
    4. In the editor toolbar, click the Source Code icon.
  6. Paste HTML Code

    1. Delete the default content that appears in the source code window.
    2. Paste the code provided on Step 1 into the source code area.
    3. Click Save changes.Note: Before and after slider will not be visible while viewing the editor. See next step.
  7. View Site

    1. To view POWR Before and after slider, click the eye icon followed byPreview.
    2. Next, click Open in new window.Note: The blue Edit icon seen above Before and after slider will only be visible to you as the plugin owner.

Need to know more about features and integrations of our Before and after slider app?

See the details

Remove the Guesswork of Building Your Brand

Brand Identity Begins With a Great Website

You've already invested time and resources in building your business online just by having a HubSpot website.


Your work isn't done yet, though! Now it's time to attract and engage visitors, then make them into customers.

Before and after slider to HubSpot
Add Before and after slider to HubSpot

Then You Must Customize Your Elements

People often ask a 'techie' friend to build a Before and after slider for them or hire a 'web guy' that one of their friends referred.


Others look overseas or for low priced open source alternatives for Before and after slider.

Save Time With POWR

Also, customizing these apps usually requires coding experience or another designer to help -- costing even more resources.


In a world where scammers infiltrate sites every day, many other Before and after slider apps out there aren't built with security in mind, which could expose your customers or worse -- crash your whole site. Not with POWR!

Add Before and after slider to HubSpot
Support feature

Because POWR is built for scale, has the most advanced built-in security and high-volume capabilities of any other Before and after slider app on the market, we protect you while you grow on HubSpot.

security feature
All common questions are answered by searching POWR's robust Help Center or by reaching out to our customer support team, which is available 24/7.

Furthermore, our team of incredible engineers work at all hours to keep POWR apps like your HubSpot Before and after slider functioning for you.

CASE STUDY: Rbia Shades wins big with POWR

After Rbia launched its website, they were looking for a solution to add new contacts for outreach.


They found POWR while looking for a popup solution on their site and started to see immediate results.

In just a few short months of installing a POWR Popup app, Rbia earned over 600 new contacts – a 250% growth.


Next, they used a Social Feed app and quickly noticed a leap in new followers on Instagram and 200% more engagement on their site.


Last came the Media Slider. A beautiful way to show off their products and accessories to every site visitor the moment they land on their site.

Add Before and after slider to HubSpot
Before and after slider to HubSpot
250% growth in contacts
Before and after slider to HubSpot
2x your engagement
Before and after slider to HubSpot
2x more time on site

All POWR apps are built for peak-performance.

See apps in action

Trusted by the best in the biz!

POWR has helped over a half million businesses on every continent
(besides Antarctica, because of course not)

Start for free now

Frequently Asked Questions

Learn more about how to add POWR apps to your website.