# HELP

**URL:** <https://community.hubspot.com/t/help/4128>\
**Category:** CMS Development\
**Created:** [December 13, 2017, 5:17pm UTC](https://community.hubspot.com/t/help/4128 "2017-12-13T17:17:23Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![simona\_pop](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/simona_pop/32/31639_2.png) [@simona\_pop](https://community.hubspot.com/u/simona_pop)\
**Post date:** [December 13, 2017, 5:17pm UTC](https://community.hubspot.com/t/help/4128/1 "2017-12-13T17:17:23Z")

</div>

Guys,

I am trying to setup a link behind a CTA button on a custom module and…I can’t manage it 😞

This is the code:

\<div class=“hero-banner” style=“background-image:url(‘{{ widget.hero\_banner\_background\_image.src }}’);”\>  
\<div class=“page-center”\>  
\<div class=“content-container”\>  
{{ widget.hero\_content }}  
\<a href=“#” class=“demo-form-btn”\>Activate Free Trial\</a\>  
\</div\>  
\</div\>  
\<div class=“blue-overlay”\>\</div\>  
\</div\>

And this is the link I want to go behind Activate Free Trial:

[https://app.instasupply.com/register](https://app.instasupply.com/register)

HEEEEELP!

---

<div class="post-metadata">

**Author:** ![TRooInbound](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/trooinbound/32/89545_2.png) [@TRooInbound](https://community.hubspot.com/u/TRooInbound)\
**Post date:** [December 14, 2017, 9:32am UTC](https://community.hubspot.com/t/help/4128/2 "2017-12-14T09:32:04Z")

</div>

Hi [@simona\_pop](https://community.hubspot.com/t5/user/viewprofilepage/user-id/17952),

Order to Help!

Just use TEXT field from left sidebar in a custom module and set URL.

Like watch out I have created video with your code

[Video Link](https://drive.google.com/file/d/1PSNwfqU9-NRspLPJJb87rSa8qfWQShKQ/view?usp=sharing)

Did my post help answer your query? Help the Community by **marking it as a solution.**

Team TRooInbound

---

<div class="post-metadata">

**Author:** ![simona\_pop](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/simona_pop/32/31639_2.png) [@simona\_pop](https://community.hubspot.com/u/simona_pop)\
**Post date:** [December 14, 2017, 11:52am UTC](https://community.hubspot.com/t/help/4128/3 "2017-12-14T11:52:51Z")

</div>

Thank you SO much 🙂

---

<div class="post-metadata">

**Author:** ![simona\_pop](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/simona_pop/32/31639_2.png) [@simona\_pop](https://community.hubspot.com/u/simona_pop)\
**Post date:** [December 14, 2017, 12:53pm UTC](https://community.hubspot.com/t/help/4128/4 "2017-12-14T12:53:38Z")

</div>

Actually - would you be able to help out with this other quick snippet? I am trying to sub a form in a banner with that same button and that same link. I did it but it’s not formattting or aligning properly…  
this is the full banner code:

\<div class=“aplite-banner-wrap” style=“background:url({% image\_src “background\_image” label=‘Background Image’, src=‘[//cdn2.hubspot.net/hubfs/364768/Aplite/aplite-home-banner.jpg](https://cdn2.hubspot.net/hubfs/364768/Aplite/aplite-home-banner.jpg)’, no\_wrapper=True %}) top center no-repeat scroll; background-size:cover;”\>  
\<div class=“row-fluid-wrapper row-depth-1 row-number-1 aplite-banner”\>  
\<div class=“row-fluid “\>  
\<div class=“span2 widget-span widget-type-space” style=”” data-widget-type=“space” data-x=“2” data-w=“2”\>  
\<div class=“cell-wrapper layout-widget-wrapper”\>  
\<span class=“hs\_cos\_wrapper hs\_cos\_wrapper\_widget hs\_cos\_wrapper\_type\_space” style=“” data-hs-cos-general-type=“widget” data-hs-cos-type=“space”\>\</span\>  
\</div\>\<!--end layout-widget-wrapper --\>  
\</div\>\<!--end widget-span --\>  
\<div class=“span8 widget-span widget-type-cell” style=“” data-widget-type=“cell” data-x=“4” data-w=“8”\>

\<div class=“row-fluid-wrapper row-depth-1 row-number-2 “\>  
\<div class=“row-fluid “\>  
\<div class=“span12 widget-span widget-type-text” style=”” data-widget-type=“text” data-x=“0” data-w=“12”\>  
\<div class=“cell-wrapper layout-widget-wrapper”\>  
\<span class=“hs\_cos\_wrapper hs\_cos\_wrapper\_widget hs\_cos\_wrapper\_type\_text” style=”” data-hs-cos-general-type=“widget” data-hs-cos-type=“text”\>  
\<h1 class=“aplite-home-banner-title”\>  
{% text “banner\_title” label=‘Banner Title’, value=‘Brief description of your product’, no\_wrapper=True %}  
\</h1\>  
\<h2 class=“aplite-banner-subtext”\>  
{% text “banner\_sub\_title” label=‘Banner Sub Title’, value=‘Brief description of your product’, no\_wrapper=True %}  
\</h2\>  
\</span\>  
\</div\>\<!--end layout-widget-wrapper --\>  
\</div\>\<!--end widget-span --\>  
\</div\>\<!--end row--\>  
\</div\>\<!--end row-wrapper --\>

\<div class=“form-container”\>  
{% form “my\_form” form\_to\_use=‘89d469a6-0aa9-466e-9be5-fcbc0727ee70’, no\_title=‘true’ %}

\<div class=“blue-overlay”\>\</div\>  
\</div\>  
and I need this instead of the form:  
\<div class=“hero-banner” style=“background-image:url(‘{{ widget.hero\_banner\_background\_image.src }}’);”\>  
\<div class=“page-center”\>  
\<div class=“content-container”\>  
{{ widget.hero\_content }}  
\<a href=“{{ widget.cta\_button\_link }}” class=“demo-form-btn”\>Activate Free Trial\</a\>  
\</div\>  
\</div\>  
\<div class=“blue-overlay”\>\</div\>  
\</div\>  
Also, do we think alignment might have something to do with style sheet at all…?

---

<div class="post-metadata">

**Author:** ![TRooInbound](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/trooinbound/32/89545_2.png) [@TRooInbound](https://community.hubspot.com/u/TRooInbound)\
**Post date:** [December 15, 2017, 6:08am UTC](https://community.hubspot.com/t/help/4128/5 "2017-12-15T06:08:03Z")

</div>

Hi [@simona\_pop](https://community.hubspot.com/t5/user/viewprofilepage/user-id/17952),

Not understand what you want to implement with this,

please send me URL link or test link!

Thanks,

TRooInbound