Shopify Email - a couple of questions

Matt_Thomson
Excursionist
48 0 4

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

Screen Shot 2020-05-02 at 6.03.39 pm.png

 

 

 

 

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

0 Likes
Matt_Thomson
Excursionist
48 0 4

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:

Screen Shot 2020-05-03 at 12.39.51 am.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

Hope this is helpful to someone :) 

Otaro
Excursionist
18 0 5

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

0 Likes
Matt_Thomson
Excursionist
48 0 4

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
Excursionist
18 0 5

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

0 Likes
Sini
Tourist
14 0 5

Yes, that helped a lot!  

0 Likes