12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Changing get response opt-in box?

by laurenceh
10 replies
How do we do it?

I can generate the generic ones they offer but not sure how to create ones that fit in with the theme of our site or has relevant graphics.

Any easy explanation of how to do it?
#box #changing #optin #response
  • Profile picture of the author DarkLour
    when you generate them there is an option to get a html version that allows you to modify the css code. so you could make a basic one then modify the code to match your colors etc.
    Signature

    Best Regards,
    James
    Culinary Website Design : Cooking Blog :

    {{ DiscussionBoard.errors[1580619].message }}
  • Profile picture of the author globalpro
    Hi,

    Once you generate the form, grab the HTML version of it and trash all the added HTML until you get down to the form code. If you have your own opt in box graphics, it's easy to add the form to it.

    Thanks,

    John
    {{ DiscussionBoard.errors[1581081].message }}
  • Profile picture of the author laurenceh
    Brill thanks guys
    Signature
    Find me on Linkedin HERE
    {{ DiscussionBoard.errors[1588802].message }}
  • Profile picture of the author laurenceh
    Just to add. Where would/who would the best place/person to get optin box graphics from be?
    Signature
    Find me on Linkedin HERE
    {{ DiscussionBoard.errors[1603473].message }}
  • Profile picture of the author laurenceh
    Ok so I now have the graphics. I have the source page with the html on it. I go to get response and generate webform, go to custom where it shows me the html they have provided but now I am lost. Not html literate so can copy and paste but thats it. Not sure what to delete and what to keep from getresponses generic!

    Any ideas?
    Signature
    Find me on Linkedin HERE
    {{ DiscussionBoard.errors[1608253].message }}
    • Profile picture of the author laurenceh
      Sorry to bump this guys but want to set up auto responder tonight if I can.

      Anyone that has done this before..help....pwease!
      Signature
      Find me on Linkedin HERE
      {{ DiscussionBoard.errors[1611235].message }}
      • Profile picture of the author Loren Woirhaye
        You have to strip away the stuff that makes the GR box
        so you just have the form fields and the submit button.

        Then you have the form with no background color or
        graphics, just the field windows and submit button.

        I've done it from here a few ways - you can superimpose
        a table over your graphic and arrange your fields in
        that table, and make the table invisible.

        If you're using something like Wordpress which runs on
        CSS the tables won't work as well as they do building
        a site on something like XSitePro. Your form fields
        in Wordpress will move all over the place in relation to
        your backing graphic when looked at in different browser
        widths.

        So it makes sense to locate the form fields and backing
        graphic with CSS.

        Confused yet?

        I solved this problem on my blog in my sig. You can try to
        look at the code I used and figure it out I suppose. I also
        used an HTML table-based version on the AdvertisingSwami
        site. If I had to do it all over I would probably do it all
        with CSS and no tables on either site.
        Signature
        {{ DiscussionBoard.errors[1611267].message }}
        • Profile picture of the author laurenceh
          Originally Posted by Loren Woirhaye View Post

          Confused yet?
          Lol slightly.

          I am using wordpress, so could I get the html of get response, strip out everything but the form and then just copy in the html of the graphics in their place? Would that work?
          Signature
          Find me on Linkedin HERE
          {{ DiscussionBoard.errors[1611349].message }}
  • Profile picture of the author Loren Woirhaye
    No - it's hardly that simple. I have my box in my blog
    header which makes it more complicated than putting it
    in a sidebar where you may be able to do something
    with a table. On the header you need to position each
    element of the form using absolute CSS values.

    The thing that makes WP a bitch is because it's rendered
    dynamically in CSS so you have to position everything
    in such a way that it still looks acceptable in different
    browsers. My opt-in form jumps from right to left when
    I enlarge or reduce the display, but the fields remain in
    the little yellow box. Before I figure out how to position
    the fields, backing graphic, and carousel .SWF in relation
    to each other my header looked good in only one resolution
    and fell apart in others.

    I'm not very good at CSS at all and I figured this out
    by reading CSS websites and doing some tutorials which
    showed me how to layer CSS objects. I mostly arrived
    at my solution through stubborn trial and error.

    I'll send you the header CSS I used to get the effect.
    It was developed in the Atahualpa theme, so if you cannot
    make it work, try Atahualpa. From there try to deconstruct
    what I did to get the effect you want or learn something
    about how to structure this sort of thing in WordPress.
    Signature
    {{ DiscussionBoard.errors[1611402].message }}
    • Profile picture of the author laurenceh
      Originally Posted by Loren Woirhaye View Post

      No - it's hardly that simple.
      Didn't think I would be that lucky.

      I'll have a go tonight and see what I come up with.

      Thanks for the pm.
      Signature
      Find me on Linkedin HERE
      {{ DiscussionBoard.errors[1611452].message }}

Trending Topics