Footer Widget newsletter button having a form action on

Hi

How do I incorporate the following code onto the existing footer "Newsletter" widget on my site?, so that I can use the widget that comes as part of the Rambo theme.

Code below with the form action to go behind the "SUBSCRIBE" button.

Screenshot attached.



<form action="http://jackson9.createsend.com/t/d/s/ouykhj/" method="post" id="subForm">
    <p>
        <label for="fieldEmail">Email</label><br />
        <input id="fieldEmail" name="cm-ouykhj-ouykhj" type="email" required />
    </p>
    <p>
        <button type="submit">Subscribe</button>
    </p>
</form>

28-09-2016 14-18-02.jpg
265K

Comments

  • Hi 

    Follow given instructions 

    1.Add a text widget in your footer section .

    2. paste your form html in text widget content area 

    Have a look in screen shot http://prntscr.com/cnd2e4

    Let me know did it work 

    Thanks
    A

  • Hi

    Thanks, this does work, however this wasn't what my request was. I want to use the existing Newsletter style form (widget) that is part of the standard Rambo Pro theme within the footer ?

    And I want to be able to apply the above code (not for appearance purposes, soley for the form action) so that when the SUBSCRIBE button is clicked, it sends the action accordingly.

    Please see my screenshot from original request.

    Otherwise the rambo theme has a newsletter widget, where an email address is entered, and when the subscribe button is clicked nothing happens with the email address being sent to where it should.

    that must make sense now?

    thanks.
  • edited September 2016
    Hi 

    If you want to show your newsletter fields same as our rambo theme then use atached html code in your text widget content area 


    Html code screen shot http://prntscr.com/cnn9um

    Front end screens hot http://prntscr.com/cnna0l

    Let me know did it work.

    Thanks
    A

  • Hi

    Thanks this worked perfectly just as I wanted. Only this is, I require it having 2 form fields - the extra one being for "Name"

    Here's the revised code:

    <form action="http://jackson9.createsend.com/t/d/s/ouykhj/" method="post" id="subForm">
        <p>
            <label for="fieldName">Name</label><br />
            <input id="fieldName" name="cm-name" type="text" />
        </p>
        <p>
            <label for="fieldEmail">Email</label><br />
            <input id="fieldEmail" name="cm-ouykhj-ouykhj" type="email" required />
        </p>
        <p>
            <button type="submit">Subscribe</button>
        </p>
    </form>


    Screenshot attached, showing the Name field to go in place of where the existing "Email address" form field is, and that will go directly underneath the "Name" form field.

    Thanks for your help

    Matt
    30-09-2016 14-43-45.jpg
    109K
  • Hi 

    Sorry for delay response.

    Use this given code in link  to show name field in news later widget.

    Let me know did it work

    Thanks
    A
     
  • Hi matthare2k

    Any update here.

    can i close this ticket?

    Thanks
    A
  • Hi

    yes fine to close now.

    thank you.

    matt
  • Hi 

    If you like our theme and support kindly post your review here https://wordpress.org/support/theme/rambo/reviews/?filter=5

    Thanks
    A
This discussion has been closed.