Blog, Website & Page Publishing

MSmith28
Member

Jump Back Functionality for Button Link

SOLVE

Wanting a way to have our CTA button jump back to a form at the top of the page. Is there a way to do this? & if not, could it be added to the "link to" section? 

 

MSmith28_0-1652388223563.jpeg

 

0 Upvotes
2 Accepted solutions
Teun
Solution
Recognized Expert | Diamond Partner
Recognized Expert | Diamond Partner

Jump Back Functionality for Button Link

SOLVE

Hi @MSmith28 ,

 

The anchor link is the right approach. Set the 'external link' to #top and add a text block module to the top of the page with the following code:

<div id="top"></div>

 



Learn more about HubSpot by following me on LinkedIn or YouTube

Did my answer solve your issue? Help the community by marking it as the solution.


View solution in original post

LMeert
Solution
Guide | Platinum Partner
Guide | Platinum Partner

Jump Back Functionality for Button Link

SOLVE

Hi @MSmith28,

@TiphaineCuisset is right, that is how you will manage a jump back button.
Simply follow the steps of the post she linked above :

- Add an anchor to wherever you want your button to jump back to
- Select "external" as your button link option

- In the url field, enter #youranchorname

 

A click on the button will jump back to where the anchor is located.
However it will be a "brutal" jump, if you want smooth scrolling, you could add a css file to your template with the following rule :

html {
  scroll-behavior : smooth;
}

 

Ludwig

Agence Mi4 - Data DrivenCTO @ Mi4
Hubspot Platinum Partner and Integration Expert

Passionate human, very curious about everything data and automation.

Any problem with Hubspot you need help solving ?

Let me know !

View solution in original post

3 Replies 3
TiphaineCuisset
Community Manager
Community Manager

Jump Back Functionality for Button Link

SOLVE

Hi @MSmith28 

 

Thank you for reaching out!

 

I believe you could do that with an anchor link

 

I want to tag some of our experts here - @Teun @LMeert @Gonzalo do you have any advice to share with @MSmith28 on this?

 

Thank you!

Best

Tiphaine


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


LMeert
Solution
Guide | Platinum Partner
Guide | Platinum Partner

Jump Back Functionality for Button Link

SOLVE

Hi @MSmith28,

@TiphaineCuisset is right, that is how you will manage a jump back button.
Simply follow the steps of the post she linked above :

- Add an anchor to wherever you want your button to jump back to
- Select "external" as your button link option

- In the url field, enter #youranchorname

 

A click on the button will jump back to where the anchor is located.
However it will be a "brutal" jump, if you want smooth scrolling, you could add a css file to your template with the following rule :

html {
  scroll-behavior : smooth;
}

 

Ludwig

Agence Mi4 - Data DrivenCTO @ Mi4
Hubspot Platinum Partner and Integration Expert

Passionate human, very curious about everything data and automation.

Any problem with Hubspot you need help solving ?

Let me know !

Teun
Solution
Recognized Expert | Diamond Partner
Recognized Expert | Diamond Partner

Jump Back Functionality for Button Link

SOLVE

Hi @MSmith28 ,

 

The anchor link is the right approach. Set the 'external link' to #top and add a text block module to the top of the page with the following code:

<div id="top"></div>

 



Learn more about HubSpot by following me on LinkedIn or YouTube

Did my answer solve your issue? Help the community by marking it as the solution.