Closed ycb closed 11 years ago
ifluellen@street-soldiers.org 0mega1060
They let you create a form using Formstack...but that does not provide HTML:
This account plan does not give you access to the form's HTML. Compare our plans to see about upgrading to one that gives you access to the HTML.
They give you JS -- to embed this form in an HTML page copy and paste the code below:
<script type="text/javascript" src="http://www.formstack.com/forms/js.php?1497776-APKw90qniK-v3"></script> <noscript><a href="http://www.formstack.com/forms/?1497776-APKw90qniK" title="Online Form">Online Form - Constant Contact Signup Form</a></noscript>
To put your form in a popup "lightbox," copy and paste the code below into your HTML page:
<div id="fsLightbox1497776" class="fsLightbox" style="display:none;">
<div align="right" style="padding-bottom:5px;"><a id="fsLightboxClose1497776" href="#" title="close"><img src="http://www.formstack.com/forms/images/2/cross.gif" border="0" /></a></div>
<div id="fsLightboxContent1497776" style="height:450px; width:650px; padding-top:0px; overflow:auto;">
<script type="text/javascript" src="http://www.formstack.com/forms/js.php?1497776-APKw90qniK-v3"></script>
<div style="text-align:right; font-size:x-small;"><a href="http://www.formstack.com?utm_source=h&utm_medium=jsembed&utm_campaign=fa&fa=h,1497776" title="Online Form Creator">Online Form Creator</a></div>
</div>
</div>
<script type="text/javascript" src="http://www.formstack.com/forms/js/lightbox.js"></script>
<script type="text/javascript">
var fsLightbox1497776 = new FSLightbox({form: 1497776,
handleText: "Constant Contact Signup Form", handlePosition: "left", handleImage: "http://www.formstack.com/forms/lightboxHandle.php?str=Constant+Contact+Signup+Form",
handle: null
});
</script>
<!-- Use fsLightbox1497776.show() or set handle: "ID" to open lightbox without using predefined handle -->
<!-- End Lightbox -->
To create a custom form use the API:
http://developer.constantcontact.com/docs/contact-list-api/contactlist-collection.html
D: can you set up the form using the API?
Sure thing.
Sent from my iPhone
On Jun 11, 2013, at 4:43 PM, ycb notifications@github.com wrote:
D: can you set up the form using the API?
— Reply to this email directly or view it on GitHub.
Done, in it's own branch this is more like a temp path unless otherwise told by you. Things I would like to improve (use the top email box) instead of a light box.
If this solution stays it needs styling for mobile.
As per my other comment today, I don't know how to test your branches locally. Can we please not innovate with our process as we are approaching launch? Let's play with branches next project.
On Jun 12, 2013, at 4:51 PM, "Dario J Novoa V." notifications@github.com wrote:
Done, in it's own branch this is more like a temp path unless otherwise told by you. Things I would like to improve (use the top email box) instead of a light box.
If this solution stays it needs styling for mobile.
— Reply to this email directly or view it on GitHub.
@ycb had to update this my dictionary decided to take over the world.
Not quite innovating in any way, we started doing this from the beginning at some point I got sloppy and started doing everything in Master to then get burned a few times, same happened with that time you made like 10 commits trying to figure something else.
Anyways simple double click on a branch all of the file will auto change so just refresh your local.
If this is too much work let me know and I will merge them into master.
i'd love to use branches…but when i click on a branch my local does not change (as per the screenshots I've sent). so maybe just merge?
On Jun 12, 2013, at 5:46 PM, "Dario J Novoa V." notifications@github.com wrote:
Not quite innovating in any way, we started doing this from the beginning at some point I got sloppy and started doing everything el Master and well got burned a few times, same happened with that time you made like 10 commits trying to figure something else.
Anyways simple double click on a branch all of the file will auto change so just refresh your local.
If this is too much work let me know and I will merge them into master.
Cheers,
MFA. Darío J. Novoa V. Web Developer & Designer www.darionovoa.info
On Jun 12, 2013, at 5:42 PM, ycb notifications@github.com wrote:
As per my other comment today, I don't know how to test your branches locally. Can we please not innovate with our process as we are approaching launch? Let's play with branches next project.
On Jun 12, 2013, at 4:51 PM, "Dario J Novoa V." notifications@github.com wrote:
Done, in it's own branch this is more like a temp path unless otherwise told by you. Things I would like to improve (use the top email box) instead of a light box.
If this solution stays it needs styling for mobile.
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
All merged.
Cheers,
MFA. Darío J. Novoa V. Web Developer & Designer www.darionovoa.info
On Jun 12, 2013, at 5:57 PM, ycb notifications@github.com wrote:
i'd love to use branches…but when i click on a branch my local does not change (as per the screenshots I've sent). so maybe just merge?
On Jun 12, 2013, at 5:46 PM, "Dario J Novoa V." notifications@github.com wrote:
Not quite innovating in any way, we started doing this from the beginning at some point I got sloppy and started doing everything el Master and well got burned a few times, same happened with that time you made like 10 commits trying to figure something else.
Anyways simple double click on a branch all of the file will auto change so just refresh your local.
If this is too much work let me know and I will merge them into master.
Cheers,
MFA. Darío J. Novoa V. Web Developer & Designer www.darionovoa.info
On Jun 12, 2013, at 5:42 PM, ycb notifications@github.com wrote:
As per my other comment today, I don't know how to test your branches locally. Can we please not innovate with our process as we are approaching launch? Let's play with branches next project.
On Jun 12, 2013, at 4:51 PM, "Dario J Novoa V." notifications@github.com wrote:
Done, in it's own branch this is more like a temp path unless otherwise told by you. Things I would like to improve (use the top email box) instead of a light box.
If this solution stays it needs styling for mobile.
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
I see you've done something...but not what was requested. I could have inserted either of the code blocks generated by formstack, but neither of them is desirable (don't look like the comp and having a relatively positioned block on the left page margin is not a solution for mobile). So what I asked is for you to create a custom form (HTML) using the API. So the site looks like the comp.
The best case scenario would be as follows:
people enter an email address click GO they get asked (via a lightbox, most likely - but i am open to suggestions) WHICH list(s) they want to sign up for - with checkboxes. this way they can distinguish between youth, other nonprofits, etc. they are given the option to contact A&F: via phone or via the contact form (might be ok to link to the contact page, but best might be to just show them the phone number and a link that opens the contact form via lightbox).
They only have one list right now with 300 addresses. So MVP is:
people enter an email address click GO they are signed up for the one list
I hope this is clear enough? Your feedback is welcome.
Clear enough those were my doubts yesterday. But because of the 5pm crunch I figured that would work to "show" what it was.
Sent from my iPhone
On Jun 13, 2013, at 8:21 AM, ycb notifications@github.com wrote:
I see you've done something...but not what was requested. I could have inserted either of the code blocks generated by formstack, but neither of them is desirable (don't look like the comp and having a relatively positioned block on the left page margin is not a solution for mobile). So what I asked is for you to create a custom form (HTML) using the API. So the site looks like the comp.
The best case scenario would be as follows:
people enter an email address click GO they get asked (via a lightbox, most likely - but i am open to suggestions) WHICH list(s) they want to sign up for - with checkboxes. this way they can distinguish between youth, other nonprofits, etc. they are given the option to contact A&F: via phone or via the contact form (might be ok to link to the contact page, but best might be to just show them the phone number and a link that opens the contact form via lightbox).
They only have one list right now with 300 addresses. So MVP is:
people enter an email address click GO they are signed up for the one list
I hope this is clear enough? Your feedback is welcome.
— Reply to this email directly or view it on GitHub.
OK done, that's the best I can do with that crappy API.. not sure why they are not using MailChimp, they also have a plugin for wordpress that you can stick as a widget on the sidebar (but only works on the sidebar).
@ycb no extra billed time for this, since yesterday solution was a patch I figured it wouldn't be fair to re-bill those hours.
Thanks! I was shocked at how low CC has sunk myself. But apparently it integrates with the donor management software A&F uses.
Can we improve on the successful confirmation message? Can we use a different page or messaging? If not...
YourCustomBlog.com info@yourcustomblog.com
On Jun 13, 2013, at 12:31 PM, "Dario J Novoa V." notifications@github.com wrote:
OK done, that's the best I can do with that crappy API.. not sure why they are not using MailChimp, they also have a plugin for wordpress that you can stick as a widget on the sidebar (but only works on the sidebar).
— Reply to this email directly or view it on GitHub.
Tried all of the above myself, with little to no success maybe I was burned out from all of the unsuccessful API and horrible form builder experience might give it a shot again later.
But one of the thing I was trying to get around to was the response opening in the same page with little luck, now that I'm writing this I think I got an idea of how to do it with some jQuery + Ajax tricks.
Sent from my iPhone
On Jun 13, 2013, at 2:26 PM, ycb notifications@github.com wrote:
Thanks! I was shocked at how low CC has sunk myself. But apparently it integrates with the donor management software A&F uses.
Can we improve on the successful confirmation message? Can we use a different page or messaging? If not...
- Can this open in a lightbox or a new window at least?
- We need to not advertise Formstack -- esp since it totally sucks. What about controlling via an iframe with a fixed height and no scroll bars so we only see the "Thanks" message?
YourCustomBlog.com info@yourcustomblog.com
On Jun 13, 2013, at 12:31 PM, "Dario J Novoa V." notifications@github.com wrote:
OK done, that's the best I can do with that crappy API.. not sure why they are not using MailChimp, they also have a plugin for wordpress that you can stick as a widget on the sidebar (but only works on the sidebar).
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
Thanks for all your efforts. I was thinking about it -- if we are using the API…how come we are routed through formstack.com? Can't we post directly to constant contact?
On Jun 13, 2013, at 2:36 PM, Dario J Novoa V. notifications@github.com wrote:
Tried all of the above myself, with little to no success maybe I was burned out from all of the unsuccessful API and horrible form builder experience might give it a shot again later.
But one of the thing I was trying to get around to was the response opening in the same page with little luck, now that I'm writing this I think I got an idea of how to do it with some jQuery + Ajax tricks.
Sent from my iPhone
On Jun 13, 2013, at 2:26 PM, ycb notifications@github.com wrote:
Thanks! I was shocked at how low CC has sunk myself. But apparently it integrates with the donor management software A&F uses.
Can we improve on the successful confirmation message? Can we use a different page or messaging? If not...
- Can this open in a lightbox or a new window at least?
- We need to not advertise Formstack -- esp since it totally sucks. What about controlling via an iframe with a fixed height and no scroll bars so we only see the "Thanks" message?
YourCustomBlog.com info@yourcustomblog.com
On Jun 13, 2013, at 12:31 PM, "Dario J Novoa V." notifications@github.com wrote:
OK done, that's the best I can do with that crappy API.. not sure why they are not using MailChimp, they also have a plugin for wordpress that you can stick as a widget on the sidebar (but only works on the sidebar).
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub. — Reply to this email directly or view it on GitHub.
We are directly posting to it, but their PHP processor (http://www.formstack.com/forms/index.php) take up from there.
The API they offer is not for submission or form processing so we are not using the API, Their API is for form handling and creation but still calls their own, if you download a copy of their WordPress plugin you'll see what I mean they have about 3 files just to work with their API as wrappers and stuff over complicated and still takes personalization off.
I think they somehow think giving the users the final form is better than giving them access to a simple API so they can build their own forms. (The complete opposite to mailchimp).
Cheers,
MFA. Darío J. Novoa V. Web Developer & Designer www.darionovoa.info
On Jun 14, 2013, at 9:29 AM, ycb notifications@github.com wrote:
Thanks for all your efforts. I was thinking about it -- if we are using the API…how come we are routed through formstack.com? Can't we post directly to constant contact?
On Jun 13, 2013, at 2:36 PM, Dario J Novoa V. notifications@github.com wrote:
Tried all of the above myself, with little to no success maybe I was burned out from all of the unsuccessful API and horrible form builder experience might give it a shot again later.
But one of the thing I was trying to get around to was the response opening in the same page with little luck, now that I'm writing this I think I got an idea of how to do it with some jQuery + Ajax tricks.
Sent from my iPhone
On Jun 13, 2013, at 2:26 PM, ycb notifications@github.com wrote:
Thanks! I was shocked at how low CC has sunk myself. But apparently it integrates with the donor management software A&F uses.
Can we improve on the successful confirmation message? Can we use a different page or messaging? If not...
- Can this open in a lightbox or a new window at least?
- We need to not advertise Formstack -- esp since it totally sucks. What about controlling via an iframe with a fixed height and no scroll bars so we only see the "Thanks" message?
YourCustomBlog.com info@yourcustomblog.com
On Jun 13, 2013, at 12:31 PM, "Dario J Novoa V." notifications@github.com wrote:
OK done, that's the best I can do with that crappy API.. not sure why they are not using MailChimp, they also have a plugin for wordpress that you can stick as a widget on the sidebar (but only works on the sidebar).
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub. — Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
ok so they are total bastards!
well worst case scenario we open that crazy confirmation link/formstack ad in a new window?
if your tricky jQuery/AJAX doesn't work out.
thanks!
On Jun 14, 2013, at 9:33 AM, "Dario J Novoa V." notifications@github.com wrote:
We are directly posting to it, but their PHP processor (http://www.formstack.com/forms/index.php) take up from there.
The API they offer is not for submission or form processing so we are not using the API, Their API is for form handling and creation but still calls their own, if you download a copy of their WordPress plugin you'll see what I mean they have about 3 files just to work with their API as wrappers and stuff over complicated and still takes personalization off.
I think they somehow think giving the users the final form is better than giving them access to a simple API so they can build their own forms. (The complete opposite to mailchimp).
Cheers,
MFA. Darío J. Novoa V. Web Developer & Designer www.darionovoa.info
On Jun 14, 2013, at 9:29 AM, ycb notifications@github.com wrote:
Thanks for all your efforts. I was thinking about it -- if we are using the API…how come we are routed through formstack.com? Can't we post directly to constant contact?
On Jun 13, 2013, at 2:36 PM, Dario J Novoa V. notifications@github.com wrote:
Tried all of the above myself, with little to no success maybe I was burned out from all of the unsuccessful API and horrible form builder experience might give it a shot again later.
But one of the thing I was trying to get around to was the response opening in the same page with little luck, now that I'm writing this I think I got an idea of how to do it with some jQuery + Ajax tricks.
Sent from my iPhone
On Jun 13, 2013, at 2:26 PM, ycb notifications@github.com wrote:
Thanks! I was shocked at how low CC has sunk myself. But apparently it integrates with the donor management software A&F uses.
Can we improve on the successful confirmation message? Can we use a different page or messaging? If not...
- Can this open in a lightbox or a new window at least?
- We need to not advertise Formstack -- esp since it totally sucks. What about controlling via an iframe with a fixed height and no scroll bars so we only see the "Thanks" message?
YourCustomBlog.com info@yourcustomblog.com
On Jun 13, 2013, at 12:31 PM, "Dario J Novoa V." notifications@github.com wrote:
OK done, that's the best I can do with that crappy API.. not sure why they are not using MailChimp, they also have a plugin for wordpress that you can stick as a widget on the sidebar (but only works on the sidebar).
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub. — Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHub.
need this ASAP