634142 - Email sign up form on German version of site

Status: RESOLVED FIXED

(www.mozilla.org :: General, defect)

Description

[Winston Bowden]

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)

Comment 1

[Laura Forrest]

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.

Comment 2

[James Long (:jlongster)]

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.

Comment 3

[Winston Bowden]

Attachment: 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!

Comment 4

[James Long (:jlongster)]

Thanks Winston. Just to confirm, you are ok with it being on mozilla.com, right?

Comment 5

[Winston Bowden]

yeah - that's fine with me.

Comment 6

[James Long (:jlongster)]

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.

Comment 7

[James Long (:jlongster)]

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.

Comment 8

[Winston Bowden]

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?

Comment 9

[James Long (:jlongster)]

Nope, it's just text that can be replaced.

Comment 10

[James Long (:jlongster)]

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?

Comment 11

[Winston Bowden]

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).

Comment 12

[Winston Bowden]

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

Comment 13

[James Long (:jlongster)]

Is that the actual string that needs to be set, "Opt In"?

Comment 14

[Winston Bowden]

Attachment: opt-in status

Comment 15

[James Long (:jlongster)]

I believe that "Opt In" is the default and we don't need to do anything extra. I'll test this to make sure.

Comment 16

[James Long (:jlongster)]

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.

Comment 17

[Winston Bowden]

Attachment: example

Comment 18

[Winston Bowden]

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."

Comment 19

[Winston Bowden]

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.

Comment 20

[Winston Bowden]

Copying Tara in to comment on design.

Comment 21

[James Long (:jlongster)]

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/

Comment 22

[Jane Finette]

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.

Comment 23

[Winston Bowden]

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.

Comment 24

[James Long (:jlongster)]

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.

Comment 25

[Winston Bowden]

Congrats!  Thanks for all your work.

Comment 26

[raymond [:retornam] (inactive)]

page does not validate http://validator.nu/?doc=http%3A%2F%2Fwww-trunk.stage.mozilla.com%2Fde%2Fnewsletter%2F

Comment 27

[Winston Bowden]

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?

Comment 28

[Tara (musingt)]

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).

Comment 29

[James Long (:jlongster)]

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.

Comment 30

[Tara (musingt)]

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?

Comment 31

[Anthony Ricaud (:rik)]

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?

Comment 32

[Winston Bowden]

Thanks Anthony. 

We'd like to have it completed by COB Monday.  

- 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?

Also - I noticed one omission when testing.  If we can't get this in by Monday, that's okay.  I can file a separate bug.  The error messages are in English.  I have the translations.  If we can git this in, great.  If not, we'll do it later.

If they don't check the "agree to privacy policy", the error should read:

Bitte lesen Sie die Datenschutzbestimmungen und akzeptieren Sie sie mit einem Klick in das Kästchen.

If they don't enter an email address, it should read:

Upps! Das scheint keine gültige E-Mail-Adresse zu sein.

Comment 33

[Tara (musingt)]

(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.

Comment 34

[Winston Bowden]

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.

Comment 35

[Anthony Ricaud (:rik)]

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 :(

Comment 36

[Anthony Ricaud (:rik)]

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.

Comment 37

[raymond [:retornam] (inactive)]

qa-verified-trunk http://www-trunk.stage.mozilla.com/de/newsletter/ page validates. All we need now is the image

Comment 38

[Winston Bowden]

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.

Comment 39

[Winston Bowden]

Attachment: german newsletter

Comment 40

[Winston Bowden]

Just attached the image. Let me know if you have any problems with the image.  Thanks again for your work.

Comment 41

[Anthony Ricaud (:rik)]

Committed r83485 for the newsletter picture.

Comment 42

[Winston Bowden]

Hey Anthony - are we live?  Thanks!

Comment 43

[Winston Bowden]

Attachment: layout issue

Comment 44

[Anthony Ricaud (:rik)]

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.

Comment 45

[Winston Bowden]

Thanks Anthony.  I'm testing and so far it looks great.