Simplicity - E-Mail Address - Get Started Button

Hello,

Can someyone please help me to get this form work on the header of this template?

I just want to send an email with information when they enter their email adresses.

Kind regards,
Am.

Hi, you have to install newsletter component + module (at put in this place)
I suggest Acymailing solutions, it has also free "Acymailing Starter " version.

Please tell, how to place module acy into gk-form to save design of header?

and can it possible in "starter"? please help!

how to place module acy into gk-form to save design of header?

It not so easy, as you expect. But I will give you few tips:

1) First you have to create "Custom HTML" module or use ours from demo - and publish in "header" position.
2) Insert acy module into "custom module" , so you will get 2in1.
3) Add class "gk-form" for acy module

p.s.

If you need more help please write PM because module customization is not regular Template support.

3) Add class "gk-form" for acy module
[/i]

thank you for idea! now looks better
but in module settings class module must be " gk-form", without space magic is not work)))

Can you walk me through this a bit?
On the home page, you have the "Get Started Today" form - I'd just like that to save that email address (or better yet, Name and email address) get added to a newsletter list. I downloaded and installed the "com_acymailing_starter_4.3.3_2013-07-23" file and installed it with no problems. Then, I created an ACY Module and placed it in the header, and it looks like this:

Capture.JPG

A couple of questions -

How can I get it to display in the location, and with the same styles as the "Get Started Today!" form? That form is inside the Header module's Custom HTML - is there a way to embed this module in the middle of that HTML?

Also, when you rollover the form, the entire form turns white like this:

Capture2.jpg

Any ideas about that? I assume that has to do with matching the styles from the form that comes installed by default.

Also, you said that

Insert acy module into "custom module" , so you will get 2in1.

but I don't have any options for a "custom module" in my Module Manager.

Any help would be appreciated!

Joe in Atlanta.

Try this

Code: Select all

.acymailing_form tr:hover {background:none;}

.acymailing_form tr:hover {background:none;}

That did it! Thanks a TON!

Have a great week, and once again, thank you for the help.

.acymailing_form tr:hover {background:none;}

That did it! Thanks a TON!

Have a great week, and once again, thank you for the help.

I've tried to follow these instructions with no success.

I can achieve the same look as pictured above, but cannot figure out which css file to insert "acymailing_form tr:hover."

If someone can walk me through this, it would be greatly appreciated.

Hi, why don't you checked our WIKI, link is always on my footer.

Details: http://www.gavick.com/documentation/joo ... -template/


As you see it was easy, if you checked all possibility that offer our template.

2) Insert acy module into "custom module" , so you will get 2in1.

After some time researching and trying to insert the AcyMailing module inside the header (get the 2 in 1), the only way that came close was the External subscription form of AcyMailing, which seems wrong to me, since the site is not external .

Code: Select all

<h1>text</h1>
<h2>text.</h2>

<form action="http://www.viacontratual.com.br/index.php?option=com_acymailing&ctrl=sub" method="post" class="gk-form">
 
<div>
  <input id="user_email" input type="email" placeholder="Digite o seu e-mail..."> <input type="submit" value="Estou interessado!">
</div>
 
<input type="hidden" name="acyformname" value="formAcymailing1" />
 <input type="hidden" name="ctrl" value="sub"/>
 <input type="hidden" name="task" value="optin"/>
  <input type="hidden" name="option" value="com_acymailing"/>
 <input type="hidden" name="visiblelists" value=""/>
 <input type="hidden" name="hiddenlists" value="Newsletters"/>
 </form>


I would be extremely grateful if someone could help me get the correct embed code AcyMailing within the header.

Thanks in advance,
Marcio

you must use php code not html.
So using & customizing newsletter module is the only way.

Hey Oscar,
I've done all you've said here for the newsletter form at alpharettagutters.com

How can I tweak the CSS so that the form width and height match the Demo.... and I won't have that black line under the main image?

Thanks!

This is ID
for first input field

Code: Select all

input#user_email_formAcymailing45481  {  }

and
here is for blue button

Code: Select all

.imageBg #gkHeaderMod input[type="submit"]  { }

Play yourself with css.

But if you're lazy boy you can start from that :

Code: Select all

.imageBg #gkHeaderMod input[type="submit"] { height: 44px; }
#gkHeaderMod .gk-form { height: 85px; }