## Product page

Contentful training: https://vistaprint.atlassian.net/wiki/spaces/OSK/pages/846332616/Merch+Tech+Video+Author+Training+Materials#Global-MPV-&-MSX

Product CTAs in code:
https://gitlab.com/vistaprint-org/merchandising-technology/product-pages/product-pages-v2/-/tree/main/src/plugins/Ctas

It looks like we already added a 99designs CTA in vistaprint product page through contentful
https://app.contentful.com/spaces/olowdmhx072v/entries/4FWPyAPcszosiP07XPSKmA

Previous PR to add 99designs cta: https://gitlab.com/vistaprint-org/merchandising-technology/product-pages/product-pages-v2/-/merge_requests/1060

Previous MR to add the mailing list template tab: https://gitlab.com/vistaprint-org/merchandising-technology/product-pages/product-pages-v2/-/merge_requests/842

Looking at Tim's design for adding a "Design Help" tab, We probably don't even need to add a new tab component, I will suggest using the existing "Overview" tab for it, because it is only text and images we need. So question is - Can we use the same tab component twice on one page with different copies?

Another question, can we have all the product page have the "Design Help" tab in code instead of manually going through contentful and edit each product page?

Contentful FAQ: https://vistaprint.atlassian.net/wiki/spaces/OSK/pages/193168194/Contentful+FAQs

## Gallery page

Slack channel: #help-gallery, #diy-content-merch-team-public

Gallery confluence space: https://vistaprint.atlassian.net/wiki/spaces/GAL/overview?homepageId=12190268

Gallery repo: https://gitlab.com/vistaprint-org/gallery/gallery6-client

Gallery Management Tool: https://manage.gallery.vpsvc.com/gallery

The trick to get gallery page running is to make sure your node version is above v16.

A/B Testing in Gallery:
https://vistaprint.atlassian.net/wiki/spaces/GAL/pages/2837873033/A+B+Test+setup
https://vistaprint.atlassian.net/wiki/spaces/GAL/pages/2838397293/A+B+Testing

The experiments needs to be added here: https://gitlab.com/vistaprint-org/gallery/gallery.contentapi/-/blob/master/src/Gallery.ContentApi.Web/Experiments.json

## Experiment
https://vistaprint.atlassian.net/wiki/spaces/MT/pages/870023934/Authoring+Content+A+B+Test

"A/B Testing" video in https://vistaprint.atlassian.net/wiki/spaces/OSK/pages/846332616/Merch+Tech+Video+Author+Training+Materials#Global-MPV-&-MSX

**Optimizely**: https://vistaprint.atlassian.net/wiki/spaces/crossfunctional/pages/3256978946/Optimizely+Experiments+guide

https://vistaprint.atlassian.net/wiki/spaces/coe/pages/3008266503/How+to+QA+your+Optimizely+experiment

https://vistaprint.atlassian.net/wiki/spaces/coe/pages/2465824822/Metrics+FAQs

https://vistaprint.atlassian.net/wiki/spaces/coe/pages/2490663827/Where+can+I+find+examples+of+JSON+Schemas

The hard part is to figure out the metrics using EMA events, These are the few events related to conversion rate:

Overall CR% = 01-Order Completed-Total Revenue-USD
CR for Postcards and Flyers = 01 - Order Completed - Postcards and Flyers
CR for standard design service = 01-Order Completed-Standard Design (this includes Design Alive too)
Design Services Add to Cart = 01-Design Request Submitted-Standard Design
CTR (Click through rate) = 01-CTR GBB in BC CAT Page
MIR (Made it Rate) = 01-Page Load Signage PDPs

**Statsig**:

https://vistaprint.atlassian.net/wiki/spaces/coe/pages/3359442550/How+to+start+learning+about+Statsig

https://vistaprint.atlassian.net/wiki/spaces/coe/pages/3343225009/Statsig+FAQs

https://vistaprint.atlassian.net/wiki/spaces/coe/pages/3365438825/Statsig+Video+Course

https://vistaprint.atlassian.net/wiki/spaces/coe/pages/3366159485/Feature+Flags

## During Development on the gallery page:

Frontend coding standard: https://vistaprint.atlassian.net/wiki/spaces/GAL/pages/1629330108/Frontend+Coding+Contribution+Standards

1. Commit message must follow: https://www.conventionalcommits.org/en/v1.0.0/
2. You need to disable prettier, and install ESLint and EditorConfig

3. visage-design-tokens: https://gitlab.com/vistaprint-org/merchandising-technology/visage/visage-design-tokens

4. For A/B test feature flag: https://vistaprint.atlassian.net/wiki/spaces/DIYC/pages/3320283805/Content+Merch+A+B+testing+for+Gallary6#Creating-a-feature-flag-(detail)

5. MR description standard example:
https://gitlab.com/vistaprint-org/gallery/gallery6-client/-/merge_requests/1840

## Tracking guideline for "Navigation Clicked" event:
https://vistaprint.atlassian.net/wiki/spaces/GA/pages/2218560827/Navigation+Tracking+Framework
https://vistaprint.atlassian.net/wiki/spaces/ES/pages/3356037959/Tracking+Navigation+Clicked+events

## Tracking guideline for "Experiment Clicked" event:
https://vistaprint.atlassian.net/wiki/spaces/GA/pages/2174910576/Experimentation+tracking+framework