HELP

Develop, Build & Integrate CMS Development
1

Guys,

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

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

HEEEEELP!

2

Hi @simona_pop,

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

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

Team TRooInbound

3

Thank you SO much :slightly_smiling_face:

4

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’, 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…?

5

Hi @simona_pop,

Not understand what you want to implement with this,

please send me URL link or test link!

Thanks,

TRooInbound