{"id":808,"date":"2020-05-12T14:57:53","date_gmt":"2020-05-12T14:57:53","guid":{"rendered":"https:\/\/sweepwidget.com\/docs\/?p=808"},"modified":"2026-01-18T19:54:55","modified_gmt":"2026-01-18T19:54:55","slug":"how-to-add-a-background-image","status":"publish","type":"post","link":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image","title":{"rendered":"How To Add A Background Image"},"content":{"rendered":"\n<p>Add a custom background image to your hosted landing page to create a visually striking giveaway experience. A well-chosen background image can reinforce your brand, showcase your prizes, or set the mood for your contest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Add a Background Image?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visual impact<\/strong> &#8211; Create a memorable first impression for participants<\/li>\n\n\n\n<li><strong>Brand storytelling<\/strong> &#8211; Use imagery that reflects your brand&#8217;s personality<\/li>\n\n\n\n<li><strong>Prize showcase<\/strong> &#8211; Feature your prizes or products in the background<\/li>\n\n\n\n<li><strong>Seasonal themes<\/strong> &#8211; Match holidays, seasons, or special events<\/li>\n\n\n\n<li><strong>Professional appearance<\/strong> &#8211; Elevate your giveaway beyond a simple white page<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong> The background image applies to <strong>hosted landing pages<\/strong> (sweepwidget.com\/c\/your-giveaway). If you embed the widget on your own website, your site&#8217;s background will be used instead.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Add a Background Image<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Go to Design Settings<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create or edit a giveaway<\/li>\n\n\n\n<li>Click on the <strong>Design<\/strong> tab in the left sidebar<\/li>\n\n\n\n<li>Find the <strong>Add a background image or color to your landing page<\/strong> section<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Select the Image Option<\/strong><\/h3>\n\n\n\n<p>You&#8217;ll see two options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image<\/strong> &#8211; Upload a background image<\/li>\n\n\n\n<li><strong>Color<\/strong> &#8211; Set a solid background color<\/li>\n<\/ul>\n\n\n\n<p>Select <strong>Image<\/strong> to enable the background image option.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Upload Your Image<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>+ Choose<\/strong> button<\/li>\n\n\n\n<li>Select an image file from your computer<\/li>\n\n\n\n<li>The image will appear as a preview thumbnail<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1-1024x577.png\" alt=\"\" class=\"wp-image-7410\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1-1024x577.png 1024w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1-300x169.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1-768x433.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To remove the image, click the <strong>X<\/strong> button on the thumbnail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Save Your Changes<\/strong><\/h3>\n\n\n\n<p>Click <strong>Save &amp; Publish<\/strong> to apply the background image to your giveaway.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What Participants See<\/strong><\/h2>\n\n\n\n<p>On your hosted landing page, the background image fills the entire page behind the giveaway widget. The widget itself remains on a white (or styled) background, creating a layered visual effect.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-2-1-1024x572.png\" alt=\"\" class=\"wp-image-7412\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-2-1-1024x572.png 1024w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-2-1-300x168.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-2-1-768x429.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-2-1.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Image Specifications<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Recommended Settings<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Specification<\/th><th>Recommendation<\/th><\/tr><\/thead><tbody><tr><td><strong>Minimum dimensions<\/strong><\/td><td>1200 x 900 pixels<\/td><\/tr><tr><td><strong>Optimal dimensions<\/strong><\/td><td>1920 x 1080 pixels (full HD)<\/td><\/tr><tr><td><strong>File format<\/strong><\/td><td>JPG (photos) or PNG (graphics)<\/td><\/tr><tr><td><strong>File size<\/strong><\/td><td>Under 2MB for fast loading<\/td><\/tr><tr><td><strong>Aspect ratio<\/strong><\/td><td>Landscape orientation works best<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How the Image Displays<\/strong><\/h3>\n\n\n\n<p>The background image is set to <strong>cover<\/strong> the entire page, meaning:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The image scales to fill the browser window<\/li>\n\n\n\n<li>Parts of the image may be cropped on different screen sizes<\/li>\n\n\n\n<li>The image is centered, so edges may be cut off on smaller screens<\/li>\n\n\n\n<li>The image does not repeat (no tiling)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Background Image vs. Background Color<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Option<\/th><th>Best For<\/th><th>Considerations<\/th><\/tr><\/thead><tbody><tr><td><strong>Image<\/strong><\/td><td>Rich visuals, promotional campaigns, themed contests<\/td><td>Larger file size; may affect load time<\/td><\/tr><tr><td><strong>Color<\/strong><\/td><td>Clean designs, fast loading, brand colors<\/td><td>Solid color only; simpler appearance<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>You can only choose one &#8211; either a background image OR a background color, not both.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tips for Choosing Background Images<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Content Considerations<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Avoid busy patterns<\/strong> &#8211; Complex images can distract from the widget<\/li>\n\n\n\n<li><strong>Use subtle imagery<\/strong> &#8211; The background should enhance, not compete with your content<\/li>\n\n\n\n<li><strong>Consider the center<\/strong> &#8211; The widget appears in the center, so keep important details toward the edges<\/li>\n\n\n\n<li><strong>Test readability<\/strong> &#8211; Ensure any text on your widget remains easy to read<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Image Types That Work Well<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Image Type<\/th><th>Example Use Case<\/th><\/tr><\/thead><tbody><tr><td><strong>Nature\/landscapes<\/strong><\/td><td>Travel giveaways, outdoor brands<\/td><\/tr><tr><td><strong>Abstract patterns<\/strong><\/td><td>Tech companies, modern brands<\/td><\/tr><tr><td><strong>Product photos<\/strong><\/td><td>E-commerce, product launches<\/td><\/tr><tr><td><strong>Lifestyle imagery<\/strong><\/td><td>Fashion, fitness, food brands<\/td><\/tr><tr><td><strong>Seasonal themes<\/strong><\/td><td>Holiday giveaways, special events<\/td><\/tr><tr><td><strong>Branded graphics<\/strong><\/td><td>Corporate campaigns, brand awareness<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Best Practices<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimize for web<\/strong> &#8211; Compress images to reduce file size without losing quality<\/li>\n\n\n\n<li><strong>Test on multiple devices<\/strong> &#8211; Preview on desktop, tablet, and mobile<\/li>\n\n\n\n<li><strong>Use high-quality images<\/strong> &#8211; Blurry or pixelated backgrounds look unprofessional<\/li>\n\n\n\n<li><strong>Consider dark overlays<\/strong> &#8211; If using a busy image, you may want to darken it so the widget stands out<\/li>\n\n\n\n<li><strong>Match your branding<\/strong> &#8211; Choose images that align with your brand&#8217;s visual identity<\/li>\n\n\n\n<li><strong>Check loading speed<\/strong> &#8211; Large images can slow down page load times<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Where to Find Background Images<\/strong><\/h2>\n\n\n\n<p>If you don&#8217;t have your own images, consider these free stock photo resources:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Unsplash<\/strong> &#8211; unsplash.com<\/li>\n\n\n\n<li><strong>Pexels<\/strong> &#8211; pexels.com<\/li>\n\n\n\n<li><strong>Pixabay<\/strong> &#8211; pixabay.com<\/li>\n<\/ul>\n\n\n\n<p>Always check the license terms to ensure the image can be used for commercial purposes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Combining with Other Design Features<\/strong><\/h2>\n\n\n\n<p>Background images work well when combined with other design customizations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Custom logo<\/strong> &#8211; Add your brand logo above the widget<\/li>\n\n\n\n<li><strong>Header image<\/strong> &#8211; Include a promotional image inside the widget<\/li>\n\n\n\n<li><strong>Widget colors<\/strong> &#8211; Customize button colors and fonts to complement your background<\/li>\n\n\n\n<li><strong>Custom CSS<\/strong> &#8211; Advanced users can add overlays or adjust image positioning<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Add a custom background image to your hosted landing page to create a visually striking giveaway experience. A well-chosen background image can reinforce your brand, showcase your prizes, or set the mood for your contest. Why Add a Background Image? Note: The background image applies to hosted landing pages (sweepwidget.com\/c\/your-giveaway). If you embed the widget on your own website, your site&#8217;s background will be used instead. How to Add a Background Image Step 1: Go to Design Settings Step 2: Select the Image Option You&#8217;ll see two options: Select Image to enable the background image option. Step 3: Upload Your Image To remove the image, click the X button on the thumbnail. Step 4: Save Your Changes Click Save &amp; Publish to apply the background image to your giveaway. What Participants See On your hosted landing page, the background image fills the entire page behind the giveaway widget. The widget itself remains on a white (or styled) background, creating a layered visual effect. Image Specifications Recommended Settings Specification Recommendation Minimum dimensions 1200 x 900 pixels Optimal dimensions 1920 x 1080 pixels (full HD) File format JPG (photos) or PNG (graphics) File size Under 2MB for fast loading Aspect ratio Landscape orientation works best How the Image Displays The background image is set to cover the entire page, meaning: Background Image vs. Background Color Option Best For Considerations Image Rich visuals, promotional campaigns, themed contests Larger file size; may affect load time Color Clean designs, fast loading, brand colors Solid color only; simpler appearance You can only choose one &#8211; either a background image OR a background color, not both. Tips for Choosing Background Images Content Considerations Image Types That Work Well Image Type Example Use Case Nature\/landscapes Travel giveaways, outdoor brands Abstract patterns Tech companies, modern brands Product photos E-commerce, product launches Lifestyle imagery Fashion, fitness, food brands Seasonal themes Holiday giveaways, special events Branded graphics Corporate campaigns, brand awareness Best Practices Where to Find Background Images If you don&#8217;t have your own images, consider these free stock photo resources: Always check the license terms to ensure the image can be used for commercial purposes. Combining with Other Design Features Background images work well when combined with other design customizations:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-808","post","type-post","status-publish","format-standard","hentry","category-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Add A Background Image | SweepWidget<\/title>\n<meta name=\"description\" content=\"Learn how to add a background image to your SweepWidget giveaway on your hosted landing page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Add A Background Image | SweepWidget\" \/>\n<meta property=\"og:description\" content=\"Learn how to add a background image to your SweepWidget giveaway on your hosted landing page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image\" \/>\n<meta property=\"og:site_name\" content=\"SweepWidget Help Docs\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-12T14:57:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-18T19:54:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"845\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"SweepWidget\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"SweepWidget\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image\"},\"author\":{\"name\":\"SweepWidget\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#\\\/schema\\\/person\\\/4cca2bc9c600116750eca1bfff6648e0\"},\"headline\":\"How To Add A Background Image\",\"datePublished\":\"2020-05-12T14:57:53+00:00\",\"dateModified\":\"2026-01-18T19:54:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image\"},\"wordCount\":715,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/background-image-1-1-1024x577.png\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image\",\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image\",\"name\":\"How To Add A Background Image | SweepWidget\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/background-image-1-1-1024x577.png\",\"datePublished\":\"2020-05-12T14:57:53+00:00\",\"dateModified\":\"2026-01-18T19:54:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#\\\/schema\\\/person\\\/4cca2bc9c600116750eca1bfff6648e0\"},\"description\":\"Learn how to add a background image to your SweepWidget giveaway on your hosted landing page.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image#primaryimage\",\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/background-image-1-1.png\",\"contentUrl\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/background-image-1-1.png\",\"width\":1500,\"height\":845},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/how-to-add-a-background-image#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Add A Background Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/\",\"name\":\"SweepWidget Help Docs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#\\\/schema\\\/person\\\/4cca2bc9c600116750eca1bfff6648e0\",\"name\":\"SweepWidget\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g\",\"caption\":\"SweepWidget\"},\"sameAs\":[\"https:\\\/\\\/sweepwidget.com\\\/docs\"],\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/author\\\/sweepwidget\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Add A Background Image | SweepWidget","description":"Learn how to add a background image to your SweepWidget giveaway on your hosted landing page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image","og_locale":"en_US","og_type":"article","og_title":"How To Add A Background Image | SweepWidget","og_description":"Learn how to add a background image to your SweepWidget giveaway on your hosted landing page.","og_url":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image","og_site_name":"SweepWidget Help Docs","article_published_time":"2020-05-12T14:57:53+00:00","article_modified_time":"2026-01-18T19:54:55+00:00","og_image":[{"width":1500,"height":845,"url":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1.png","type":"image\/png"}],"author":"SweepWidget","twitter_card":"summary_large_image","twitter_misc":{"Written by":"SweepWidget","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image#article","isPartOf":{"@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image"},"author":{"name":"SweepWidget","@id":"https:\/\/sweepwidget.com\/docs\/#\/schema\/person\/4cca2bc9c600116750eca1bfff6648e0"},"headline":"How To Add A Background Image","datePublished":"2020-05-12T14:57:53+00:00","dateModified":"2026-01-18T19:54:55+00:00","mainEntityOfPage":{"@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image"},"wordCount":715,"commentCount":0,"image":{"@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image#primaryimage"},"thumbnailUrl":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1-1024x577.png","articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image","url":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image","name":"How To Add A Background Image | SweepWidget","isPartOf":{"@id":"https:\/\/sweepwidget.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image#primaryimage"},"image":{"@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image#primaryimage"},"thumbnailUrl":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1-1024x577.png","datePublished":"2020-05-12T14:57:53+00:00","dateModified":"2026-01-18T19:54:55+00:00","author":{"@id":"https:\/\/sweepwidget.com\/docs\/#\/schema\/person\/4cca2bc9c600116750eca1bfff6648e0"},"description":"Learn how to add a background image to your SweepWidget giveaway on your hosted landing page.","breadcrumb":{"@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image#primaryimage","url":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1.png","contentUrl":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/background-image-1-1.png","width":1500,"height":845},{"@type":"BreadcrumbList","@id":"https:\/\/sweepwidget.com\/docs\/how-to-add-a-background-image#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sweepwidget.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How To Add A Background Image"}]},{"@type":"WebSite","@id":"https:\/\/sweepwidget.com\/docs\/#website","url":"https:\/\/sweepwidget.com\/docs\/","name":"SweepWidget Help Docs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sweepwidget.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/sweepwidget.com\/docs\/#\/schema\/person\/4cca2bc9c600116750eca1bfff6648e0","name":"SweepWidget","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g","caption":"SweepWidget"},"sameAs":["https:\/\/sweepwidget.com\/docs"],"url":"https:\/\/sweepwidget.com\/docs\/author\/sweepwidget"}]}},"_links":{"self":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/comments?post=808"}],"version-history":[{"count":6,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts\/808\/revisions"}],"predecessor-version":[{"id":7495,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts\/808\/revisions\/7495"}],"wp:attachment":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/media?parent=808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/categories?post=808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/tags?post=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}