Email sign up form on German version of site

RESOLVED FIXED in 1.4

Status

www.mozilla.org
General
--
major
RESOLVED FIXED
7 years ago
5 years ago

People

(Reporter: Winston Bowden, Assigned: rik)

Tracking

unspecified

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(5 attachments)

(Reporter)

Description

7 years ago
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)

Updated

7 years ago
Target Milestone: --- → 1.3

Comment 1

7 years ago
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.
Assignee: nobody → jlong
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.
(Reporter)

Comment 3

7 years ago
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!

Updated

7 years ago
Depends on: 634335
Thanks Winston. Just to confirm, you are ok with it being on mozilla.com, right?
(Reporter)

Comment 5

7 years ago
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.
Target Milestone: 1.3 → 1.4
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.
(Reporter)

Comment 8

7 years ago
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?
(Reporter)

Comment 11

7 years ago
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).
(Reporter)

Comment 12

7 years ago
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"?
(Reporter)

Comment 14

7 years ago
Created attachment 514533 [details]
opt-in status
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.
(Reporter)

Comment 17

7 years ago
Created attachment 514635 [details]
example
(Reporter)

Comment 18

7 years ago
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."
(Reporter)

Comment 19

7 years ago
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.
(Reporter)

Comment 20

7 years ago
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/

Comment 22

7 years ago
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.
(Reporter)

Comment 23

7 years ago
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.
(Reporter)

Comment 25

7 years ago
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
(Reporter)

Comment 27

7 years ago
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

7 years ago
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.

Comment 30

7 years ago
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?
(Assignee)

Comment 31

7 years ago
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?
Assignee: jlong → anthony
(Reporter)

Comment 32

7 years ago
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

7 years ago
(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.
(Reporter)

Comment 34

7 years ago
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.
(Assignee)

Comment 35

7 years ago
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 :(
(Assignee)

Comment 36

7 years ago
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
(Reporter)

Comment 38

7 years ago
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.
(Reporter)

Comment 39

7 years ago
Created attachment 515725 [details]
german newsletter
(Reporter)

Comment 40

7 years ago
Just attached the image. Let me know if you have any problems with the image.  Thanks again for your work.
(Assignee)

Comment 41

7 years ago
Committed r83485 for the newsletter picture.
(Reporter)

Comment 42

7 years ago
Hey Anthony - are we live?  Thanks!
(Reporter)

Comment 43

7 years ago
Created attachment 515805 [details]
layout issue
(Assignee)

Comment 44

7 years ago
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.
(Assignee)

Updated

7 years ago
Status: NEW → RESOLVED
Last Resolved: 7 years ago
Resolution: --- → FIXED
(Reporter)

Comment 45

7 years ago
Thanks Anthony.  I'm testing and so far it looks great.
Component: www.mozilla.org/firefox → www.mozilla.org
Product: Websites → Websites
Component: www.mozilla.org → General
Product: Websites → www.mozilla.org
You need to log in before you can comment on or make changes to this bug.