Shopify Email - a couple of questions

[Matt_Thomson]

Hello

I'm looking at moving my email newsletter from Mailchimp to Shopify Email but have a couple of questions:

1. Unsubscribe page 

The templates have an unsubscribe link automatically added linking to https://mattt.com.au/account/unsubscribe (and then details of the subscriber etc). 

This is automatically generated. I would like to style this and modify the text etc. Does anyone know how I would do this?

2. Subscribe page

I've previously had this connected to Mailchimp through Sendsync. With using Shopify Email do any changes need to be made?

Also as this would I presume create a customer record in the Shopify admin to record the "Receive marketing email" status and email address would it also need a first and last name on the form? If I was wanting to collect extra details (birthday or postcode) where would these be stored?

Thanks so much, it looks promising but not very well documented ...

Matt

[Matt_Thomson]

An update ...

Although I've found no real solution after a bit of digging I found that the page is auto-generated and the content is all in class 

.shopify-email-marketing-confirmation__container

Targeting this is the CSS I was able to format it a little better and add a couple of extra elements so it now looks like this:

So at least this will do until there is a proper solution.

Hope this is helpful to someone :) 

[Otaro]

Hi Matt,

I am also thinking about modifying this container but I couldn't locate it in the code - in which folder did you find it?

I would like to add a button + show a discount code.

Class: shopify-email-marketing-confirmation__container

[Matt_Thomson]

Hello!

I just added a bunch of CSS to the site stylesheet to move things around a bit.

I couldn't get a button added (though might be a way), though this is the code.

/* Unsubscribe Page */
  
.shopify-email-marketing-confirmation__container {
  	min-height: 600px;
  	font-family: Raleway, sans-serif; 
  
  	margin: 0 auto;
    padding: 0 15px;
    max-width: 1030px !important;
    width: 84%;
    padding-top: 160px;
}
  
.shopify-email-marketing-confirmation__container:last-child {
    color: red;
} 
  
.shopify-email-marketing-confirmation__container h1 {
	display: none;
} 

.shopify-email-marketing-confirmation__container:before {
  content: "THANKS FOR UPDATING YOUR EMAIL SUBSCRIPTION";
  visibility: visible;
  color: #444;
  font-weight: 300;
  font-size: 24px;
  display: block;
  padding-bottom: 20px;
}  
  
.shopify-email-marketing-confirmation__container:after {
  content: "Thanks for your interest in what I do! I appreciate you taking the time to unsubscribe.";
  visibility: visible;
  color: #666;
  font-weight: 300;
  font-size: 16px;
  padding-top: 20px;
  display: block;
}

  .shopify-email-marketing-confirmation__container:after {
  content: url("https://cdn.shopify.com/s/files/1/0001/5752/files/signature1_5ef78aa0-fae1-493d-aa06-8e593186ed9e_160x160.png?v=1578313784");
    width: auto;
    height: 50px;
  }

Hopefully this is somewhat useful (and happy to hear ways to improve it)!

Matt

[Otaro]

---

@Matt_Thomson wrote:

Hello!

I just added a bunch of CSS to the site stylesheet to move things around a bit.

I couldn't get a button added (though might be a way), though this is the code.

/* Unsubscribe Page */
  
.shopify-email-marketing-confirmation__container {
  	min-height: 600px;
  	font-family: Raleway, sans-serif; 
  
  	margin: 0 auto;
    padding: 0 15px;
    max-width: 1030px !important;
    width: 84%;
    padding-top: 160px;
}
  
.shopify-email-marketing-confirmation__container:last-child {
    color: red;
} 
  
.shopify-email-marketing-confirmation__container h1 {
	display: none;
} 

.shopify-email-marketing-confirmation__container:before {
  content: "THANKS FOR UPDATING YOUR EMAIL SUBSCRIPTION";
  visibility: visible;
  color: #444;
  font-weight: 300;
  font-size: 24px;
  display: block;
  padding-bottom: 20px;
}  
  
.shopify-email-marketing-confirmation__container:after {
  content: "Thanks for your interest in what I do! I appreciate you taking the time to unsubscribe.";
  visibility: visible;
  color: #666;
  font-weight: 300;
  font-size: 16px;
  padding-top: 20px;
  display: block;
}

  .shopify-email-marketing-confirmation__container:after {
  content: url("https://cdn.shopify.com/s/files/1/0001/5752/files/signature1_5ef78aa0-fae1-493d-aa06-8e593186ed9e_160x160.png?v=1578313784");
    width: auto;
    height: 50px;
  }

Hopefully this is somewhat useful (and happy to hear ways to improve it)!

Matt

---

Thanks Matt, where is the right place to insert this piece of code?

[Sini]

Yes, that helped a lot!