and open and close tags","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In case there are errors in the HTML source code, a notification error/s will appear on top of the window. Additionally, a new 'Warnings & Errors' section will appear at the bottom, specifying where the HTML error is","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Make sure there are no errors at all before you save your HTML source code","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Upload HTML Template","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You may use any of the HTML Templates defined in your Template Library","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click the \"+Template\" button","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"A new 'Select Template' window will open","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Selected the Template you want to use","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"And the HTML will get inserted directly into the Edit HTML editor","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Upload external content","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You may choose to upload a file or provide an external URL link","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click the \"+Content\" button","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"A new 'Upload Content' window will open","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You may either browse and upload any HTML file, as well as a ZIP file that contains both the HTML and images in one ZIP file. ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In the latter case it will upload both the HTML into the email and images directly into the image library, and assemble the images within the HTML to correctly point to their links in the image library.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Or provide a URL to where your HTML is located on some accessible Internet server ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click \"Upload\"","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The HTML will be loaded into the Edit HTML editor","type":"text"}]}]}]}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"View Email in Web Browser Link AKA Mirror Link","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"These are used, typically at the top of an email, in order to provide your contacts the option to view the email in a web browser . ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":"Often the text for this link might be something like: \"if you are having trouble viewing this email click here\". But you have full control to whatever text you'd like to place here (and of course in any language). ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"emoji","attrs":{"id":"atlassian-info","text":":info:","shortName":":info:"}},{"text":" ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"em"}]},{"text":"Note:","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"},{"type":"em"}]},{"text":" Nowadays its quite rare that an email cannot be displayed in a mail client and therefore there's declining use of this email message feature.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"em"}]}]},{"type":"paragraph","content":[{"text":"For WYSIWYG editor,","type":"text","marks":[{"type":"strong"}]},{"text":" see the following steps to add a view in browser link (aka mirror link) in your email message:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Go to Edit Email message.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Write and highlight the text you would like to use for view in web browser link.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on the 'Link' icon.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select 'View in Web Link'' from the links drop-down.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click 'OK' to confirm.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":300,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":392,"alt":"image-20250212-140810.png","id":"862d2598-de81-42a7-9bd6-11c547954e68","collection":"contentId-2055176350","type":"file","height":378},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"text":"For Beefree editor,","type":"text","marks":[{"type":"strong"}]},{"text":" see the following steps to add a view in browser link (aka mirror link) in your email message:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Go to Edit Email message.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Write and highlight the text you would like to use for viewing in a web browser link.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on the 'Link' icon.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select the word that you want to display (in this case open in browser). ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Choose the hyperlink option and Add {{ocx_mirror_page}} in the URL and click ‘OK’ to confirm.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":640,"alt":"image-20250212-140850.png","id":"67198cae-28a9-4343-861d-0c4e76ff13b5","collection":"contentId-2055176350","type":"file","height":405},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"heading","attrs":{"level":3},"content":[{"text":"About View in Web Links","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"View in Web Links ","type":"text"},{"text":"are not","type":"text","marks":[{"type":"underline"},{"type":"strong"}]},{"text":" ","type":"text","marks":[{"type":"underline"}]},{"text":"supported in ","type":"text"},{"text":"Transactional Mailings.","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"View in Web Links","type":"text"},{"text":" are not","type":"text","marks":[{"type":"underline"},{"type":"strong"}]},{"text":" ","type":"text","marks":[{"type":"underline"}]},{"text":"suited for any type of ","type":"text"},{"text":"dynamic feeds","type":"text","marks":[{"type":"strong"}]},{"text":" or ","type":"text"},{"text":"dynamic content","type":"text","marks":[{"type":"strong"}]},{"text":", as that data will not appear in the view in browser version of the email message. Ongage creates only one copy of the view in browser email message for the ","type":"text"},{"text":"entire","type":"text","marks":[{"type":"underline"}]},{"text":" campaign, so the contents of that message do not contain any personalized dynamic field replacements either.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"View in Web Links ","type":"text"},{"text":"work for up to 90 days","type":"text","marks":[{"type":"strong"}]},{"text":" from scheduled launch date, after that they will stop working.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to disable WYSIWYG Editor","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Go to Email Design >> Edit HTML >> Disable WYSIWYG","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":700,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1083,"alt":"image-20250212-141024.png","id":"ad4cdac8-f718-40e9-b42e-2d57011001d5","collection":"contentId-2055176350","type":"file","height":498},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"By checking the above option, you can prevent the WYSIWYG editor from doing any additional changes to your HTML code (this check box, replaces the ‘Save as is’ button that used to be in the HTML editor)","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to set Custom Unsubscribe Link in WYSIWYG Editor","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"You can customize the HTML format and design of the Ongage unsubscribe link in the body of your HTML email message, with the following steps:","type":"text","marks":[{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In the Email WYSIWYG editor choose the \"Link\" icon:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":900,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1555,"id":"d25e230d-838b-45ba-b90c-a563da6b7d73","collection":"contentId-2055176350","type":"file","height":193},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In the drop-down choose Link Type \"","type":"text"},{"text":"Unsubscribe","type":"text","marks":[{"type":"strong"}]},{"text":"\"","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":300,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":389,"alt":"image-20250212-141223.png","id":"359e619c-1c38-4393-8ce4-120f01425fe8","collection":"contentId-2055176350","type":"file","height":373},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"text":"You can place this anywhere you want in the body of the email","type":"text"}]}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"atlassian-info","text":":info:","shortName":":info:"}},{"text":" The above will create the following unsubscribe link in the HTML code: ","type":"text"},{"text":"your text. ","type":"text","marks":[{"type":"strong"}]},{"text":"This link feature allows you to design and format your unsubscribe link however you see like, so it will fully match the design of your HTML email template.","type":"text"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"atlassian-warning","text":":warning:","shortName":":warning:"}},{"text":" ","type":"text"},{"text":"Note:","type":"text","marks":[{"type":"strong"}]},{"text":" When you use a customized unsubscribe link like described above, you can un-check the 'Unsubscribe default link' in the 'Unsubscribe Management' section of Step-1, which will simply add a non formatted unsubscribe link, to the very bottom of your email message.","type":"text"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"atlassian-warning","text":":warning:","shortName":":warning:"}},{"text":" ","type":"text"},{"text":"Note:","type":"text","marks":[{"type":"strong"}]},{"text":" that some ESP(s) ","type":"text"},{"text":"enforce","type":"text","marks":[{"type":"underline"}]},{"text":" their own unsubscribe link, and will add a link to the bottom of your email, ","type":"text"},{"text":"regardless","type":"text","marks":[{"type":"underline"}]},{"text":". See full list ","type":"text"},{"text":"here","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://ongage.atlassian.net/wiki/spaces/HELP/pages/12877857"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to set Custom Unsubscribe Link in the BeeFree Editor","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"If you'd like to set an unsubscribe link in the BeeFree editor, follow the steps listed below.","type":"text","marks":[{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Go to Email Design >> Select Text Box","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1270,"alt":"image-20250212-141841.png","id":"a884f594-eb5a-44db-9f01-47002b3bf80b","collection":"contentId-2055176350","type":"file","height":648},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Write and highlight the text you would like to use for the Unsubscribe link.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on the 'Link' icon.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In the ","type":"text"},{"text":"Insert Link","type":"text","marks":[{"type":"strong"}]},{"text":" window add ","type":"text"},{"text":"{{ocx_unsubscribe_link}}","type":"text","marks":[{"type":"strong"}]},{"text":" in the ","type":"text"},{"text":"URL","type":"text","marks":[{"type":"strong"}]},{"text":" field and click ","type":"text"},{"text":"OK","type":"text","marks":[{"type":"strong"}]},{"text":" to confirm.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":460,"alt":"image-20250212-141911.png","id":"826ad5f9-3f04-4891-aacc-1780bd18da34","collection":"contentId-2055176350","type":"file","height":250},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to Preview Email Message using Litmus","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"Ongage has a built-in integration with ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#595959"}}]},{"text":"Litmus","type":"text","marks":[{"type":"textColor","attrs":{"color":"#595959"}},{"type":"link","attrs":{"href":"https://www.litmus.com/"}}]},{"text":" email testing tool, which is used to test the preview of email messages as to how they will appear in different browsers and different devices.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#595959"}}]}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Start by going to Campaigns >> Email Messages. In the Email Design panel, click on the Edit WYSIWYG Editor, choose a template from the template library of your choice and then click on the “Test with Litmus” button below.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1274,"alt":"image-20250212-142113.png","id":"72d31955-3905-4ef6-b6d0-62555412b740","collection":"contentId-2055176350","type":"file","height":647},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If you are testing for the first time, you need to login to your litmus account with your credentials.","type":"text","marks":[{"type":"strong"}]},{"text":" Also if you are already signed in it displays a credit score per account, of how many previews are left for that particular account. After signing in you can run the test.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":640,"alt":"image-20250212-142145.png","id":"727064d5-f0c6-423a-a225-5e69d163e1ca","collection":"contentId-2055176350","type":"file","height":398},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Once you run the test, it gives you an overview of how your email messages will appear in different browsers and applications.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":640,"alt":"image-20250212-142212.png","id":"1fc049ed-550a-4779-8278-cce667332523","collection":"contentId-2055176350","type":"file","height":394},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Preview of how it appears in Outlook is shown in the screenshot below.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":640,"alt":"image-20250212-142248.png","id":"fbc944fd-95bf-4f27-8fd6-06b8b36c445c","collection":"contentId-2055176350","type":"file","height":395},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Similarly, here is the gmail preview for the email message.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":640,"alt":"image-20250212-142311.png","id":"e3eff849-c53e-49fb-8c0f-f01ddf1a9179","collection":"contentId-2055176350","type":"file","height":311},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to Implement a Basic Feedback Survey in an Email Message","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"If you'd like to implement a basic survey / satisfaction feedback, in the body of an email, you can achieve this by using the ","type":"text"},{"text":"Post-back link","type":"text","marks":[{"type":"link","attrs":{"href":"https://ongage.atlassian.net/wiki/spaces/HELP/pages/722173973#ListSettings-Post-BackLinks"}}]},{"text":" feature in the email message. For example, you can add two buttons: ","type":"text"},{"text":"Satisfied","type":"text","marks":[{"type":"strong"}]},{"text":" and ","type":"text"},{"text":"Unsatisfied","type":"text","marks":[{"type":"strong"}]},{"text":", and create two separate Post-back links, once the recipient clicks on a button option, the associated value will be posted to the selected List field for that contact. To implement, please follow the steps below: ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"First create a List Field to store Survey results. You can name it something like “Survey”.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Then Go to List >> Settings >> Post Back Links >> Click on “Create New Post Back Link”.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In the form to create Post-Back link add the Link Name, Select the List Field you created in Step 1, and define the value which will be populated in the list field once this survey option is selected. For example define “Satisfied” as a value that will be inserted to the List field.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":700,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":999,"alt":"image-20250212-142515.png","id":"b7c72fe1-2fc2-4419-81c3-914b37f1957a","collection":"contentId-2055176350","type":"file","height":561},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"To notify the user about the confirmation of the feedback, you can add your own text that will be displayed to the user once the feedback is submitted.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Create another Post-Back link for another Survey Option such as Unsatisfied (to be posted back to the same List field).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Now, create an Email Message and add two buttons ","type":"text"},{"text":"Satisfied","type":"text","marks":[{"type":"strong"}]},{"text":" and ","type":"text"},{"text":"Unsatisfied.","type":"text","marks":[{"type":"strong"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":500,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":640,"alt":"image-20250212-142541.png","id":"5fa97fa5-91ab-4196-900c-d990808d80ce","collection":"contentId-2055176350","type":"file","height":416},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select the link type: ","type":"text"},{"text":"Post-Back Link","type":"text","marks":[{"type":"strong"}]},{"text":" and for Satisfied select the link: Survey Feedback Satisfied.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":700,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1151,"alt":"image-20250213-062837.png","id":"b0694328-ee82-41ce-bf41-a713fdc264c2","collection":"contentId-2055176350","type":"file","height":557},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Similarly, add the second Post-Back link for the Unsatisfied button option.","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"__confluenceADFMigrationUnsupportedContentInternalExtension__","text":"","parameters":{"cxhtml":"

For more full-blown survey features, we recommend looking at any of the various Online survey services, including Google Forms, along with either our or integration, to feed back relevant survey result data points back into Ongage List fields.

","block-inline":true,"nestedContent":{"type":"doc","content":[{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"For more full-blown survey features, we recommend looking at any of the various Online survey services, including Google Forms, along with either our ","type":"text"},{"text":"API ","type":"text","marks":[{"type":"link","attrs":{"href":"https://ongage.atlassian.net/wiki/spaces/HELP/pages/70418454"}}]},{"text":"or ","type":"text"},{"text":"Zapier ","type":"text","marks":[{"type":"link","attrs":{"href":"https://ongage.atlassian.net/wiki/spaces/HELP/pages/81104095"}}]},{"text":"integration, to feed back relevant survey result data points back into Ongage List fields.","type":"text"}]}]}],"version":1},"reason":"An info macro in a list item can't be created or edited in the new editor."}}}]},{"type":"paragraph"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Can I use icons in the subject","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"e.g., ✈ Best Flight Deals","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Yes you can.","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Having said that – it is highly recommended to test carefully","type":"text","marks":[{"type":"strong"}]},{"text":", before sending a real campaign, as it might not render correctly in all email clients. It is especially recommended to test with our Litmus plug-in, Here are some resources which we can’t vouch for but might be of help: ","type":"text"},{"type":"hardBreak"},{"text":"http://www.emailmarketingtipps.de/2012/11/19/symbols-tested-in-subject-lines-on-iphone-hotmail/","type":"text","marks":[{"type":"link","attrs":{"href":"http://www.emailmarketingtipps.de/2012/11/19/symbols-tested-in-subject-lines-on-iphone-hotmail/"}}]},{"type":"hardBreak"},{"text":"http://www.msoutlook.info/question/create-a-striking-subject-with-symbol-characters","type":"text","marks":[{"type":"link","attrs":{"href":"http://www.msoutlook.info/question/create-a-striking-subject-with-symbol-characters"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Simply copy and paste the symbol into the subject, and test.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Can I use Emojis in the subject","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"(e.g., ","type":"text","marks":[{"type":"strong"}]},{"text":"♥","type":"text","marks":[{"type":"textColor","attrs":{"color":"#ff0000"}},{"type":"strong"}]},{"text":" Valentine's Special)","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Yes! ","type":"text","marks":[{"type":"strong"}]},{"text":"(","type":"text"},{"text":"till July 2017 Ongage only supported 1-3 bytes emojis. As of July 2017 Ongage supports 4 byte emojis","type":"text","marks":[{"type":"em"}]},{"text":").","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Same answer as above","type":"text","marks":[{"type":"em"}]},{"text":". In the case of Emojis, support for certain types of characters may be inconsistent and dependent on the device and mail client your subscriber uses to read your email messages.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Simply copy and paste the symbol into the subject, and test.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"See following resources: ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"https://emojipedia.org/","type":"text","marks":[{"type":"link","attrs":{"href":"https://emojipedia.org/"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"http://unicode.org/emoji/charts/full-emoji-list.html","type":"text","marks":[{"type":"link","attrs":{"href":"http://unicode.org/emoji/charts/full-emoji-list.html"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"https://en.wikipedia.org/wiki/Emoji","type":"text","marks":[{"type":"link","attrs":{"href":"https://en.wikipedia.org/wiki/Emoji"}}]}]}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"The word \"Ongage\" cannot be used in the following places","type":"text","marks":[{"type":"textColor","attrs":{"color":"#3366ff"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"The word/string \"Ongage\" is prohibited for use in the body of the message, links of the message, as well as tracking and image domain. ","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"What does Ongage offer regarding responsive email messages","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"All the templates in the 'Ongage Free Templates' folder under the Content → Templates Library are responsive.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"All email messages created with the BEE Free editor are responsive.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You can use this online tool to covert plain HTML into Responsive code: ","type":"text"},{"text":"https://foundation.zurb.com/emails/inliner-v2.html","type":"text","marks":[{"type":"link","attrs":{"href":"https://foundation.zurb.com/emails/inliner-v2.html"}}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How can I implement dynamic images in an email message ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Lets say you'd like to display different logos to different contacts based on the brand they're associated with. You can create a list field, let's say its name is 'logo', that will contain the name of the logo image. E.g., Target, Starbucks, etc.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"One way of doing this is by storing the images on an external image server to host the logo images. The names of the images need to match the value in the list field, e.g., Target, Starbucks, etc.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You need to make sure that each contact has the correct logo value in their list field.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Then in the body of the email message use the dynamic list field in the URL of the image, as in the following example: ","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"paragraph","content":[{"text":"So that contact 1 with value 'Target.jpg' in this list field will get the Target logo, and contact 2 with value 'Starbucks.jpg' in their list field will get the Starbucks logo.","type":"text"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"atlassian-info","text":":info:","shortName":":info:"}},{"text":" Alternatively, if you'd like to store the images in Ongage, in the Ongage Image Library, you can simply store the Ongage image id, as the dynamic field value in list field value.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"For example, for Target you'd store ","type":"text"},{"text":"592658bef64d770c.png","type":"text","marks":[{"type":"strong"}]},{"text":" (the image ID of the Target Logo in Ongage), and for Starbucks the value ","type":"text"},{"text":"970655f330eee77a.png","type":"text","marks":[{"type":"strong"}]},{"text":" in the list field logo.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The img HTML would then look something like this:

","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":500,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":635,"id":"98c5c17d-935f-4d14-a2de-8f5971e7af55","collection":"contentId-2055176350","type":"file","height":66},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"To find the link with the link id, go to your Ongage image library, find the desired image, and click on the link icon:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":300,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":246,"id":"42cea468-63a4-48f0-96da-c49182baebce","collection":"contentId-2055176350","type":"file","height":193},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]}]}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"For more about dynamic content in general see the following 2 sections:","type":"text","marks":[{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Ongage Feeds: HTML, RSS, XML and JSON","type":"text","marks":[{"type":"link","attrs":{"href":"https://ongage.atlassian.net/wiki/spaces/HELP/pages/4882434"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Content","type":"text","marks":[{"type":"link","attrs":{"href":"https://ongage.atlassian.net/wiki/spaces/HELP/pages/1179657"}}]},{"text":" and search there for 'if-then-else'","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"These offer additional ways of displaying dynamic content and images in the body of an email message.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to create a new line vs. a new paragraph","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"In the Ongage HTML/WYSIWYG editor:","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":":","type":"text","marks":[{"type":"strong"}]},{"text":" creates a ","type":"text"},{"text":"
","type":"text","marks":[{"type":"strong"}]},{"text":" in the HTML, visually that is typically a single line space.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":":","type":"text","marks":[{"type":"strong"}]},{"text":" creates a new paragraph ","type":"text"},{"text":"

","type":"text","marks":[{"type":"strong"}]},{"text":" in the underlying HTML, visually that typically looks likes a double line space.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Grammarly is currently not compatible with the Ongage HTML/WYSIWYG editor","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"The popular English grammar and proofreading software - ","type":"text"},{"text":"Grammarly browser extension","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://www.grammarly.com/i"}}]},{"text":" ","type":"text","marks":[{"type":"strong"}]},{"text":"is currently incompatible with Ongage's WYSIWYG editor, as it ends up adding thousands of characters of HTML code into the final HTML email message, which can cause errors when sending. Therefore till further notice, you'll need to remove or disable this extension when editing email messages in Ongage. Ongage will be looking at how to support this extension in the future.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to turn-off click tracking aka link wrapping for a specific link in an email message","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"In the email message editor:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Double click the link you wish not to track clicks and click counts.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"And check the 'Don't track this link' checkbox as illustrated in following screenshot. ","type":"text"},{"text":"This will also cause clicks not to be counted","type":"text","marks":[{"type":"strong"}]},{"text":".","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":300,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":539,"id":"ffbb3d68-b37f-4b5c-82c9-da8a25bc8a30","collection":"contentId-2055176350","type":"file","height":638},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"type":"emoji","attrs":{"id":"atlassian-info","text":":info:","shortName":":info:"}},{"text":" Typically you'll want to do this if you're managing unsubscribes with your own unsub link. Ongage's unsubscribe link automatically does not count clicks on it.","type":"text"}]}]}]},{"type":"paragraph"},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"When checked, then clicks on those links will not be counted, and they will not appear in any analytics report.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Moreover, it will ","type":"text"},{"text":"also prevent Automations, Automation Rules and Events from triggering when that link is clicked.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#172b4d"}}]}]}]}]}]},{"type":"paragraph","content":[{"text":"Can one use an external image server for hosting HTML email images","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Yes you can! Using images hosted on an external image server, here's how to reference them in the editor/HTML:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Go to Email Message >> Email Message Editor.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on the \"Image\" button in the edit WYSIWYG editor.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"It pops up with a new screen where you can add the URL of the images that are hosted outside the server.","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":700,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1873,"id":"5ade40ba-6000-467a-b31e-4a0fba4c7c66","collection":"contentId-2055176350","type":"file","height":852},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]}]}]},{"type":"paragraph","content":[{"text":"Note:","type":"text","marks":[{"type":"strong"}]},{"text":" Customers who host images on an external image server, will typically compose the HTML with the URLs to the image server outside of Ongage and then simply copy and paste the HTML into the HTML tab of the wysiwyg editor.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to add a Click-to-call button","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"To add a Click-to-call button in WYSIWYG:","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"text":"Select phone number in the body of the email message >> and Click on Hyperlink >> Select \"other\" in protocol>> add ","type":"text"},{"text":"phone number preceded by \"tel:\" in place of URL","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":700,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1110,"id":"a1a40f95-5f4e-4c66-9047-966d60867ccd","collection":"contentId-2055176350","type":"file","height":542},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"To add a Click-to-call button in HTML:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Create the Link: Start with the basic anchor tag .","type":"text"}]},{"type":"paragraph","content":[{"text":"Add the Protocol: Within the quotes of the href attribute, specify the phone number preceded by tel:. Don't include hyphens or spaces in the phone number. For example: 5551234567.","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"},{"text":"To add a Click-to-call button in BeeFree:","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"text":"Select the phone number in the the body of the email message >> Click on hyperlink >> Select \"Tel\" as Link Type >> Add phone number in place of \"Number\".","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":700,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1097,"id":"7fb3dff3-8d9f-4eba-905f-83583db87d80","collection":"contentId-2055176350","type":"file","height":561},"marks":[{"type":"border","attrs":{"size":1,"color":"#091e4224"}}]}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"text":"How to make a link to Open a mobile app AKA Deeplink. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#00b0f0"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Deep Link","type":"text"},{"text":" is a URL that directs users to a specific page or section within a mobile app, rather than simply launching the app's homepage. Additional names for such links are ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#1d1c1d"}}]},{"text":"App Links. ","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph"},{"type":"paragraph"}],"version":1}