{"id":4625,"date":"2014-05-30T16:32:25","date_gmt":"2014-05-30T16:32:25","guid":{"rendered":"http:\/\/blog.promosimple.com\/?p=4625"},"modified":"2014-12-15T20:23:08","modified_gmt":"2014-12-15T20:23:08","slug":"wysiwyg-sweepstakes-design-facebook","status":"publish","type":"post","link":"https:\/\/promosimple.com\/blog\/wysiwyg-sweepstakes-design-facebook","title":{"rendered":"WYSIWYG Web &#038; Facebook Page Design for Sweepstakes and Contests"},"content":{"rendered":"<p>When designing a giveaway, PromoSimple offers complete control over customizing your entry form&#8217;s design, from colors and fonts to images and layout elements. You can now also utilize our WYSIWYG editor to easily design your own content for your hosted Microsite and Facebook Page tab content.<\/p>\n<h2>How it Works<\/h2>\n<p>The WYSIWYG editor allows you to create unique page designs for the content around your entry form. This design is displayed on your hosted microsite page and within the content of your Facebook Page tab. Upload images, add text, customize your background and add social networking buttons to the page.<\/p>\n<div style=\"padding-bottom: 25px; text-align: center;\"><iframe loading=\"lazy\" width=\"640\" height=\"360\" src=\"\/\/www.youtube.com\/embed\/ZyoDsGKSmrU?list=UUDKbf36nxixDARJ1PJyBvNw\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<p>Once you&#8217;ve designed your page using the WYSIWYG editor you can also edit or add your own, custom CSS to the page design for further customization. <\/p>\n<h2>Design elements and options<\/h2>\n<p><b>Background colors and images<\/b><br \/>\nSelect a background color or upload your own images to displayed as the background of the page. Images can be centered, expanded to fit the space available or shown as repeating mosaics. <\/p>\n<p><b>Images<\/b><br \/>\nUpload your own images, crop them as needed and add them to the page. You can drag and drop to resize and move images around the page as well as specifying whether they appear above or behind other elements on the page.<\/p>\n<p><b>Text<\/b><br \/>\nAdd your text to page and customize the display of your content by changing fonts, sizes, colors, justification and more. You can also add hyperlinks, to the page.<\/p>\n<p><b>HTML<\/b><br \/>\nUsing the Text function you can insert your own HTML into the page using the &#8216;Source&#8217; function. This allows you to display content within iFrames (such as a YouTube video) or add your own content with full access to CSS customization.<\/p>\n<p><a href=\"http:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Design-WYSIWYG.jpg\"><img decoding=\"async\" src=\"http:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Design-WYSIWYG.jpg\" alt=\"Design WYSIWYG\" width=\"100%\" class=\"aligncenter size-full wp-image-4627\" srcset=\"https:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Design-WYSIWYG.jpg 800w, https:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Design-WYSIWYG-300x195.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><b>Social media<\/b><br \/>\nQuickly input your parameters for adding social networking buttons including Facebook, Twitter, Pinterest, Google+ and LinkedIn to give your users additional options for sharing your content or following you on social media.<\/p>\n<h2>Advanced HTML &#038; CSS<\/h2>\n<p>For those who want to use the WYSIWYG tools as a starting point and are comfortable with modifying the page&#8217;s code on their own, you can design a page using the simple WYSIWYG tools and then adjust the underlying code on your own. You can also use the WYSIWYG editor to create a page&#8217;s code and copy that code for use on your own web pages.<br \/>\n<a href=\"http:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/HTML-code-WYSIWYG.jpg\"><img decoding=\"async\" src=\"http:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/HTML-code-WYSIWYG.jpg\" alt=\"HTML code WYSIWYG\" width=\"100%\" class=\"aligncenter size-full wp-image-4628\" srcset=\"https:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/HTML-code-WYSIWYG.jpg 800w, https:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/HTML-code-WYSIWYG-300x149.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h2>Publishing your Web &#038; Facebook pages<\/h2>\n<p>As soon as your campaign is published your newly designed page is live and ready for you to share with your users. You can provide users with the direct link to your Hosted Microsite webpage found on the Publish section for your promotion within the campaign builder. Any changes that you make to the page and save (even when the campaign is live) will immediately display on your Microsite page. <\/p>\n<p>You can also add your promotion to your Facebook Page using our Facebook Page app. The content and design that you&#8217;ve created will appear within the content of the App on your Facebook page (see the section in orange in the image below).<br \/>\n<a href=\"http:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Facebook-page-WYSIWYG.jpg\"><img decoding=\"async\" src=\"http:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Facebook-page-WYSIWYG.jpg\" alt=\"Facebook page WYSIWYG\" width=\"100%\" class=\"aligncenter size-full wp-image-4629\" srcset=\"https:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Facebook-page-WYSIWYG.jpg 800w, https:\/\/promosimple.com\/blog\/wp-content\/uploads\/2014\/05\/Facebook-page-WYSIWYG-300x213.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When designing a giveaway, PromoSimple offers complete control over customizing your entry form&#8217;s design, from colors and fonts to images and layout elements. You can now also utilize our WYSIWYG editor to easily design your own content for your hosted Microsite and Facebook Page tab content. How it Works The WYSIWYG editor allows you to [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":4626,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20],"tags":[18,12,41,21,9],"_links":{"self":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/posts\/4625"}],"collection":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/comments?post=4625"}],"version-history":[{"count":0,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/posts\/4625\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/media\/4626"}],"wp:attachment":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/media?parent=4625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/categories?post=4625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/tags?post=4625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}