[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-161004-105":53,"doc-detail-161004-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","advanced-template-options-advanced-template-options","Advanced Template Options - Advanced Template Options","","Advanced Template Options for NCR Customer Connect focuses on customizing email templates through direct edits of template source HTML. It covers adding logos to image banners with secure upload workflows, creating mixed layouts that combine a two-column table of contents with single-column content, and changing visual styling such as body-separator colors and overall template border colors. It also explains how to enhance text areas with background images and how to send video content via the platform, enabling consistent branding and improved presentation.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/advanced-template-options-advanced-template-options/161004/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/advanced-template-options-advanced-template-options/161004.png","ImageObject",442,249,{"name":88,"@type":89},"Terk","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-09-27","2026-08-30",true,{"@type":98,"interactionType":99,"userInteractionCount":79},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"How can a logo be added to an NCR Customer Connect image banner?","Question",{"text":108,"@type":109},"Upload the logo via Manage/Images, then copy the full file URL. Select the desired template under Manage/Templates, edit the banner box, switch to Source to view HTML, and replace the sample HTML with the logo URL (optionally linking it to your site).","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"How do you create a mixed 2-column table of contents followed by 1-column sections?",{"text":113,"@type":109},"Start from a 1-column template style and use the Source editor to insert an HTML table that shows a small two-column section at the top (commonly for a table of contents), followed by the remaining one-column content sections.",{"name":115,"@type":106,"acceptedAnswer":116},"How can you change the separator color and the template border color?",{"text":117,"@type":109},"Edit the template’s HTML source and update the inline styles for the \u003CHR> element that renders the body separator, specifying a new color, height, or background. For the overall border, locate the template border section in the source code and set the border color or thickness with inline styling.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},161004,1788087813,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":79,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":135,"language":136,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":125,"read_time":76},1099525198933,"https://ap-avatar.wpscdn.com/davatar_155a257f0dc6eb9ab79c44ca47cae57d","NCR Customer Connect Working with Templates: ADVANCED  \nAdding Your Logo to an Image Banner ....................................................................................................................2  \nMixed 2 Column + 1 Column Template ....................................................................................................................4  \nChanging the Body-Separator Color .........................................................................................................................6  \nChanging the Template Border Color ......................................................................................................................7  \nAdding a Background Image to a Text Area ...........................................................................................................8  \nEmailing Videos with NCR Customer Connect ........................................................................................................9  \nADDING YOUR LOGO TO AN IMAGE BANNER  \nTo add your logo to a standard NCR Customer Connect banner (with image on the right):  \n1. Select Manage / Images to upload your logo. For best results, your logo should be a GIF or PNG file with a transparent background no larger than 250px (wide) x 140px (tall) .  \n2. Once the logo has been uploaded, click the edit link to identify the file name (URL) and copy the entire URL. NOTE: When you upload your image to NCR Customer Connect, the file name will be changed to protect your security and for click-through reporting purposes.  \n3. Select Manage / Templates and choose your desired template from the Template Library. Copy the template to My Templates.  \n4. From My Templates, edit the banner box by clicking on the left side of the banner where you will insert your logo.  \n5. From the editor, select Source () to view the HTML.  \n6. Replace the contents with the following sample HTML code:\u003Cp style=\"vertical-align: middle; text-align: center\">\u003Ca href=\"[http://www.mysite.com](http://www.mysite.com)\">\u003Cimg border=\"0\"  \nsrc=\"[https://www.radiantretailapps.com/image.png](https://www.radiantretailapps.com/image.png)\"/>\u003C/a>\u003C/p>  \n7. Edit the sample HTML with the URL for your logo (copied in step 2) and optionally link the logo to your website.  \n8. Complete any remaining template changes and start using your new template!  \nMIXED 2 COLUMN + 1 COLUMN TEMPLATE  \nNCR Customer Connect includes a Two Column Newsletter style template. However, both columns in this template display for the length of the entire email. Depending on the look you want to achieve, you may only want to display a small two column section at the top, most commonly for a Table of Contents related to articles in the email.  \nTo create a 2 Column Table of Contents section, followed by 1 column sections, start with any 1 column template style (Promotion, Text Only, Basic Image, etc.) and add an HTML table via the Source editor:  \nSAMPLE CODE  \n\u003Ctable align=\"center\" border=\"0\" cellpadding=\"10\" cellspacing=\"0\"style=\"border-top: \\#aaaaaa 1px solid; font-size: 12px; border-bottom:  \n\\#aaaaaa 1px solid; font-family: arial\" width=\"600\">\u003Ctbody>  \n\u003Ctr>  \n\u003Ctd align=\"left\" bgcolor=\"\\#eaf1f5\" style=\"border-right:  \n\\#aaaaaa 1px solid\" valign=\"top\" width=\"25%\">  \n\u003Cstrong>Table of Contents\u003C/strong>\u003Cbr />  \n \u003Cbr />  \n\u003Ca  \nhref=\"[https://www.radiantretailapps.com/CustomerConnect/Manage/EditTemplat](https://www.radiantretailapps.com/CustomerConnect/Manage/EditTemplat)[e.aspx?id=100004&amp](e.aspx?id=100004&amp) ; [source=false\\#Article1](source=false#Article1) \" savedtabindex=\"0\" tabindex=\"- 1\">Article 1\u003C/a>\u003Cbr />  \n\u003Ca  \nhref=\"[https://www.radiantretailapps.com/CustomerConnect/Manage/EditTemplat](https://www.radiantretailapps.com/CustomerConnect/Manage/EditTemplat)[e.aspx?id=100004&amp](e.aspx?id=100004&amp) ; [source=false\\#Article2](source=false#Article2) \" savedtabindex=\"0\" tabindex=\"- 1\">Article 2\u003C/a>\u003C/td>  \n\u003Ctd align=\"left\" bgcolor=\"\\#dedede\" valign=\"top\"width=\"75% \">  \n\u003Cst","cbCaikLZel7lSod2","https://ap.wps.com/l/cbCaikLZel7lSod2","pdf",1626010,9,"English","# Adding Your Logo to an Image Banner\n# Mixed 2 Column + 1 Column Template\n# Changing the Body-Separator Color\n# Changing the Template Border Color\n# Adding a Background Image to a Text Area\n# Emailing Videos with NCR Customer Connect","[{\"question\":\"How can a logo be added to an NCR Customer Connect image banner?\",\"answer\":\"Upload the logo via Manage/Images, then copy the full file URL. Select the desired template under Manage/Templates, edit the banner box, switch to Source to view HTML, and replace the sample HTML with the logo URL (optionally linking it to your site).\"},{\"question\":\"How do you create a mixed 2-column table of contents followed by 1-column sections?\",\"answer\":\"Start from a 1-column template style and use the Source editor to insert an HTML table that shows a small two-column section at the top (commonly for a table of contents), followed by the remaining one-column content sections.\"},{\"question\":\"How can you change the separator color and the template border color?\",\"answer\":\"Edit the template’s HTML source and update the inline styles for the \\u003cHR\\u003e element that renders the body separator, specifying a new color, height, or background. For the overall border, locate the template border section in the source code and set the border color or thickness with inline styling.\"}]","Advanced Template Options - Advanced Template Options | PDF"]