Sorry for the long bug. Lots of details that had to be communicated. In preparation for our attendance at the CeBIT conference in Germany on March 1, we need a localized version of our sign up form There will be a booth at the event where attendees can opt-in for our newsletter on site. The form will add them to our mainstream newsletter list just like the US version. There are two fields we will need to add to the German version. There is a question that ask them if they'd like to receive more information about the “Join Mozilla” program. If the subscriber chooses to check the box associated with that question on the form, they will receive a triggered campaign with information about how to participate in the Join Mozilla program. The page can be laid out on the German site similar to the U.S. http://www.mozilla.com/en-US/newsletter/ Proposed URL for German sign up form: http://www.mozilla-europe.org/de/newsletter There is localized copy of the page attached to the bug. We’ll need a different image than what we’re using on the U.S. sign up form. You’ll also notice that we’ve removed the HMTL or Text format question. (I’d like to pull that from all our forms moving forward). If this is a complex process, we can leave it on the form for the time being. When a user signs up, the data should be mapped back to Responsys in the following order. - MOZILLA_AND_YOU_FLG = Set to Y - MOZILLA_AND_YOU_DATE = Date of opt-in - LANGUAGE_ISO2 = de or en (pre-select German) - COUNTRY_ (use country table and pre-populate with Germany) Once the user completes the sign up process, s/he will immediately receive the confirmation email from the campaign located in 2010 Mainstream News folder of Responsys. The campaign name: Confirmation Note A - Triggered: (German version via dynamic content – this hasn’t been set up yet, but I’m sure the logic will be if subscriber selects “de” as language, send them dynamic version de – we’ll set this up when we have that copy in hand.) The conference begins on March 1. Is this something that can be completed by Feb. 25? We’ll be working closely with Jeff at Responsys to set this up. I’m still waiting on a few pieces of data regarding the localization (I’ve listed them below), but I wanted to open the bug now given the tight timetable. Waiting on: - German translation for “Sign up now” for the submit button - German translation of the confirmation email we send after a visitor signs up - Finalized copy / translated version of the Join Us email program (this shouldn’t impact development. We can use a dummy campaign). Secondary Piece: The most important piece is to get a form in place by March 1 so users can opt-in. At some point in the near future, we’ll also want to add a sign up form in the German footer (or other logical place on that site)
James - Can you help out here? The technical components should mostly be ready to go. The timing here is tricky since it's pretty late in the 1.3 game, (release date 2/22) and they're aiming to have this for 2/25. I talked to Winston, and we have a couple of days buffer after 2/25, so take that into mind.
We should create the newsletter page on mozilla.com. The URL would be: http://www.mozilla.com/de/newsletter/ mozilla.com has all of the libraries and code for newsletters, and it would be much quicker to make the page there. If we do that, the biggest piece is the localization of the page. But on the technical side, creating the page and hooking up the form wouldn't be too hard since everything is in place.
Created attachment 512527 [details] Localized copy of page Here's the localized copy. There's a design bug for the sign up button and the image on the right. Bug 634335. Other than that, you should have all the materials you need. Thanks!
Thanks Winston. Just to confirm, you are ok with it being on mozilla.com, right?
yeah - that's fine with me.
I'm changing this to 1.4 but we can release it before March 1. I need to finish a few other things before I can get to this, and it's not really in the 1.3 scope.
I've created the page but it definitely need some design tweaks: http://german-newsletter.moz.jlongster.com/de/newsletter/ I haven't tweaked the backend to take the new fields into account yet.
Cool. Question - is the Submit button an image or HTML? Does creative need to build that button in German or can I give you the text to replace in the html?
Nope, it's just text that can be replaced.
Winston, the copy includes a checkbox with the text: "I would like to receive an additional one time email about the Join Mozilla program." How is this supposed to work, or is that triggered by the Responsys system? Should I set a certain field?
Good catch. Neglected to add this portion to the bug. Actually, it doesn't even need to be a trigger. That was my original thought, but we're just going to do a one time email blast after the cebit conference, so it can be set up like a normal opt-in for another list. I created two new fields. If they check that box, the below should be populated. JOIN_MOZILLA_GERMAN (Set to Y) JOIN_MOZILLA_GERMAN_DATE (Date / time they opted in).
I was looking at an older bug Eve filed - another piece that I didn't mention was their opt-in status needs to be set to Opt In. EMAIL_PERMISSION_STATUS = Opt In
Is that the actual string that needs to be set, "Opt In"?
I believe that "Opt In" is the default and we don't need to do anything extra. I'll test this to make sure.
Ok, I've hooked up all the field and the form is now fully functional. http://german-newsletter.moz.jlongster.com/de/newsletter/ It just need some design love now.
Hey James. Looking good. There's one piece missing. Similar to the English version of the newsletter, when they hit submit, it should go to a confirmation message. The way the English version works is the URL stays the same. The copy at the top portion doesn't change, but there's is a confirmation message where the submit button was previously. See attached screenshot. The copy is in the word document but I've also copied below: Vielen Dank, dass Sie den Mozilla-Newsletter abonniert haben. Sie gehören jetzt zu den Ersten, die exklusiv über Events, Aktualisierungen, Videos und viele andere spannende Dinge informiert werden. Also - can you change the button? Instead of "Submit" it should read "Mozilla-Newsletter anmelden" Thank you so much! Underneath the button, we can remove the English copy. We have that in German during the sign up process. So remove "We will only send you Mozilla-related information."
Regarding the confirmation message. There is a "Stay Connected" button. Let's remove that for now. I'm going to file a bug to have those icons built in below the confirmation rather than redirecting them to another landing page.
Copying Tara in to comment on design.
committed r83146,r83147,r83148,r83149 to trunk. Winston, my staging server was the problem, I've committed everything to trunk, so test it here: http://www-trunk.stage.mozilla.com/de/newsletter/
Looking awesome all. (Are we able to fix "NEWSLETTER" bleeding over the newsletter image?) Lastly, I think you must be working on it - but I got the English confirmation email after signing up.
I think Tara is going to give us some direction on how to handle the remaining design pieces including the NEWSLETTER overlay. We're also getting another image that's in German. We haven't connected this to the dynamic content piece that we have set up in Responsys, so you'll still get the English version. Jeff at Responsys is helping me tweak that today and we should be ready to do some testing before COB.
Winston, I'm getting married on Saturday so and I'm leaving early today, and taking tomorrow and all next week off. So the final edits will have to be done by someone else. Since it only requires small tweaks, it should be much. Talk to morgamic to see who should take this up.
Congrats! Thanks for all your work.
page does not validate http://validator.nu/?doc=http%3A%2F%2Fwww-trunk.stage.mozilla.com%2Fde%2Fnewsletter%2F
Everything is set on the Responsys side. If you opt-in on the German page, you should now get the German confirmation. Who would be assigned the remaining web work including the issue mentioned in comment 26?
Hey guys. I may have missed some prior discussion around this but... Is there a reason why the site looks so different than the current live version on the en-US? * There's no blue bar. Even though we're moving away from the blue bar, the header space is designed differently here. * The font system is different * The text rolls over the graphic * The footer is different * The design isn't and cleanly laid out as the English one. Sorry to be picky. But wanted to see if those are things we can fix... and generally why the styling is different than what we have on mozilla.com. Seems like it should just mirror that but have updated/localized strings, right? (and an updated graphic).
It's using the standard header/footer for international sites. Pascal would be the one to ask about that, but I bet that it would be very involved to port over the header/footer stuff.
OK. That's fine as long as it's the standard being used for international sites. No need to overcomplicated, just wanted to make sure. How about the header and other elements? Can we bring those closer to the live site?
I'm gonna take care of putting this online. Just to be sure, checking what's left to do. The large Mozilla-newsletter header and validation of the page. And this needs to be online before March 1st?
(In reply to comment #32) > - validation of the page > - switching out the newsletter image with one creative is working on > - header from the German version of the site > - fixing the text that rolls over the graphic > > Tara - did I miss anything? > How about the font system? I just want to make sure that's also consistent with the rest of the site. Otherwise, I think that should cover it.
Hey there - just checking in to see if we're still on target to complete this by COB on Monday. Thanks again for the fast turn around.
Committed r83415. This fixes: - validation of the page - fixing the text that rolls over the graphic - error messages in German - use metablack font For the header of the page, don't worry, once we go online, it will be the good one (blue background). So the only thing left is the image. (and getting this QAed and putting it online) PS: I don't know what COB means :(
So I'm leaving work now. I'll be able to put this online before going to sleep around 4pm PST. So if the image has arrived by that time, great. Otherwise I'll have to push it to production anyway.
qa-verified-trunk http://www-trunk.stage.mozilla.com/de/newsletter/ page validates. All we need now is the image
Image is nearly done. But if we don't have it by 4 pm, certainly go live with what we have. Thanks for your help.
Just attached the image. Let me know if you have any problems with the image. Thanks again for your work.
Committed r83485 for the newsletter picture.
Hey Anthony - are we live? Thanks!
Committed r83486 on stage and r83488 on production. So it should be online on http://www.mozilla.com/de/newsletter/. I couldn't confirm on my home connection but if you have any trouble, reopen this bug or send me an email.
Thanks Anthony. I'm testing and so far it looks great.