APIs & Integrations

dpalauzov
Member

Image as form button

Hi Guys,

I am trying to add image next to the form in landing page that should act as the form button.

I tried the following code copied from the existing button.

<div class="actions" data-reactid=".hbspt-forms-0.5.1"><input class="hs-button" type="submit" value="" data-reactid=".hbspt-forms-0.5.1.0"><input style="width: 505px; height: 505px; background-image: url('https://cdn2.hubspot.net/hubfs/2411291/spotlightonafrica.jpg');" type="submit" value="" data-reactid=".hbspt-forms-0.5.1.0"></div>

Can you share some suggestions or ideas how I can achieve that?

Thanks in advance!

Dimitar

0 Upvotes
2 Replies 2
cbarley
HubSpot Alumni
HubSpot Alumni

Image as form button

Hi @Dimitar_Palauzov, so that we're on the same page, are you trying to have the image on the left-hand side act as the submission, or are you looking to do something else entirely? If you could clarify your intentions, that'd really help as I'm not sure of your goal.

Can you also link me to the page you're working on? Thanks!

0 Upvotes
mkarsten
Top Contributor

Image as form button

@cbarley  - I'm working on a landing page with a form at the bottom, and I'd like to use an image as the form SUBMIT button to match CTA buttons in body. The page is still rough, but if you want to take a look – https://info.pitsco.com/meet-kitt-0?hs_preview=ZrcasHyS-82160353850. Any suggestions?

0 Upvotes