cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Community Member

Customize Email Headers and Footers

Jump to solution

I am trying to customize the header and the footer of the emails for my Catalog. I am semi-familiar with HTML, and I have read the documentation in the Canvas Catalog Guides. But, I still don't quite understand how to add the HTML for the customization. Does anyone know the HTML coding I need for the header?

I believe I have the footer information. The guide gives a link to https://s3.amazonaws.com/tr-learncanvas/code/catalog/cat_email_footer.html and I have copied that info into my catalog, but the link that the guide provides for the header just gives me an image, not the coding. Can someone help?

Thanks in advance!

Tags (1)
1 Solution

Accepted Solutions
Highlighted
Navigator

Hi, Kathy,

I apologize that no one has responded to your question. Sorry about the link error with the header! I have added a note to the lesson How do I add a logo, CSS, JavaScript, or HTML file to customize a catalog? that the HTML files have to be downloaded to your computer to view the code; if you open the header code in your browser, the browser renders the image instead of displaying the code.

If you ever have questions about something in the guide, feel free to leave a comment and we'll get right back with you!

Thanks,

Erin

View solution in original post

4 Replies
Highlighted
Community Member

I have figured out how to add the coding for both the header and the footer.

If anyone else has the same question, feel free to reach out to me and I will pass on what I have learned.

Highlighted
Navigator

Hi, Kathy,

I apologize that no one has responded to your question. Sorry about the link error with the header! I have added a note to the lesson How do I add a logo, CSS, JavaScript, or HTML file to customize a catalog? that the HTML files have to be downloaded to your computer to view the code; if you open the header code in your browser, the browser renders the image instead of displaying the code.

If you ever have questions about something in the guide, feel free to leave a comment and we'll get right back with you!

Thanks,

Erin

View solution in original post

Highlighted
Community Member

Hi Kathy,

I am also looking to customize the language in my emails after students enroll in a course. Would you be able to share with me the HTML you used?

Thank you,

Julie

Highlighted
Community Member

Hi Julie.

Here is my coding:  (The image is hosted on our OU Campus Server)

Email Header:

<div style="background: #D9D2CA; padding: 15px 10px 10px 10px; text-align:center;">
<img src="https://extension.usu.edu/_resources/images/Extension-4H-Logo.png" alt="USU Extension">
</div>

(I'm sure you could add more to the header by just adding regular html coding. We just chose not to add more.)

Email Footer:

<p>Welcome to your USU Extension course. If you have any technical difficulties, call (877) 428-4389.</p>

<p><b>Refund Policy:</b> Refunds will be given if you cancel prior to beginning the course. To cancel your registration in this course, contact our offices at <a href="mailto:ExtensionHelpDesk@usu.edu">ExtensionHelpDesk@usu.edu</a>. We will respond within 24 hours to your request. Please note that when a refund is approved, the refund transaction may take a few weeks to process.</p>

Here is what our emails look like:

248688_pastedImage_1.png

I hope that helps. Let me know if you have any other questions.

Kathy