Adding a custom e-mail sign-up input and button.

Options

Hi folks,

Has anyone figured out how to add a custom input form that is simply an input text box and custom button that will capture an e-mail address?

Basically.. just a:

._____________

|_____________| (Submit Button)

type setup for submitting an e-mail address.

I think there's a javascript way to set this up on a Convio page (and even on a non-Convio page) and tie it into a registration form to automatically pump the e-mail address into the Cons 360 database. Has anyone done this?

Thanks!

Jon

Tagged:

Comments

  • Jon, the ways to do this are myarid. You could use a survey. You could use a Pagebuilder reusable component. Or you could use the Convio Open API (http://open.convio.com). I think the first question is, how are you planning to use this? Are you looking to implement this in a custom app? Will it be on a convio-powered page? Will it be in your PageWrapper? Clearly it can't be in an email...... What's your use-case?

    -mike

  • Michael :

    Jon, the ways to do this are myarid. You could use a survey. You could use a Pagebuilder reusable component. Or you could use the Convio Open API (http://open.convio.com). I think the first question is, how are you planning to use this? Are you looking to implement this in a custom app? Will it be on a convio-powered page? Will it be in your PageWrapper? Clearly it can't be in an email...... What's your use-case?

    -mike

    Hi Mike... thanks for your quick response.

    Currently we'd like to put this in a reusable page in convio (that can be dropped in with the sub nav).. but it'd be nice to know how to drop it on a non-Convio page as well (as some of the site's pages are not on Convio). The problem I'm having is design related. I can make a single question (e-mail) survey and embed it, but the designer has a very specific look in mind (for both the input line and button).

    I noticed that ASPCA.org has something similar to what we're trying to do on their homepage.

    Any help is greatly appreciated.

    Thanks!

    Jon

  • Jon Reich:

    Hi Mike... thanks for your quick response.

    Currently we'd like to put this in a reusable page in convio (that can be dropped in with the sub nav).. but it'd be nice to know how to drop it on a non-Convio page as well (as some of the site's pages are not on Convio). The problem I'm having is design related. I can make a single question (e-mail) survey and embed it, but the designer has a very specific look in mind (for both the input line and button).

    I noticed that ASPCA.org has something similar to what we're trying to do on their homepage.

    Any help is greatly appreciated.

    Thanks!

    Jon

    Take a look here:

    On the left side of the page, you'll see an email box, put something in it and click the button (it won't sign you up). That uses the Convio server-side API to handle the requests. The JS application isn't fully complete, though it's functional enough for the use we're putting it into here. I wouldn't say it's really ready for sharing though, unless you have someone who knows JavaScript and the Prototype.js framework fairly well.

    On Convio-powered pages, you can use the API client-side -- even using createOrUpdate instead for though who already have account. Unless you have the capacity to use the server-side version of the API, though, you're limited to only create methods on remote clients. In other words, from remote clients (that is, not a Convio-powered page) you can create accounts via the API, but that's generally about it:

    The example I showed you above uses server-side methods -- I've written a server side proxy tool for that but that's just because I was using AJAX via JavaScript to post the data -- can't post data cross-domain (www.care.org and my.care.org is considered cross-domain in JavaScript). If you just use direct HTTP posts to the API and the return URL to redirect back (or, say, use an IFRAME or something) then you can use the client-side create method to handle all of this quite easily.

Categories