{"id":435,"date":"2020-08-10T18:44:04","date_gmt":"2020-08-10T18:44:04","guid":{"rendered":""},"modified":"2023-03-15T09:45:39","modified_gmt":"2023-03-15T09:45:39","slug":"flexforms-image-library","status":"publish","type":"post","link":"https:\/\/ccbill.com\/doc\/flexforms-image-library","title":{"rendered":"FlexForms Image Library"},"content":{"rendered":"\n

The FlexForms system allows merchants to customize payment forms by adding banners and images. Merchants can use these images to promote their brand and advertise upcoming discounts or products directly on the payment form.<\/p>\n\n\n\n

Before an image can be used in FlexForms, it needs to be uploaded and stored in the FlexForms Image Library.<\/p>\n\n\n\n

This guide explains how to upload images, their dimensions, maximum allowed file sizes, and supported formats.<\/p>\n\n\n\n

How to Format Your Images<\/h2>\n\n\n\n
Image Type<\/strong><\/th>Displays on Desktop<\/strong><\/th>Displays on Tablet<\/strong><\/th>Displays on Mobile<\/strong><\/th>Image File Formats<\/strong><\/th>Max Image Dimensions (width x height)<\/strong><\/th>Max Image File Size<\/strong><\/th><\/tr><\/thead>
Top Banner<\/strong><\/td>Yes<\/td>Yes<\/td>Yes<\/td>PNG, transparent PNG, JPG\/JPEG, GIF, and animated GIF<\/td>960 x 100 pixels<\/td>250kB<\/td><\/tr>
Left and Right Top Banner<\/strong><\/td>Yes<\/td>Yes<\/td>No<\/td>PNG, transparent PNG, JPG\/JPEG, GIF, and animated GIF<\/td>150 x 270 pixels<\/td>250kB<\/td><\/tr>
Left and Right Bottom Banner<\/strong><\/td>Yes<\/td>Yes<\/td>No<\/td>PNG, transparent PNG, JPG\/JPEG, GIF, and animated GIF<\/td>150 x 270 pixels<\/td>250kB<\/td><\/tr>
Promo - One Image on Top<\/strong><\/td>Yes<\/td>Yes<\/td>No<\/td>PNG, transparent PNG, JPG\/JPEG, GIF, and animated GIF<\/td>600 x 90 pixels<\/td>250kB<\/td><\/tr>
Promo - One Image for each Promo<\/strong><\/td>Yes<\/td>Yes<\/td>No<\/td>PNG, transparent PNG, JPG\/JPEG, GIF, and animated GIF<\/td>60 x 60 pixels<\/td>250kB<\/td><\/tr>
Promo - One Image on the Left<\/strong><\/td>Yes<\/td>Yes<\/td>No<\/td>PNG, transparent PNG, JPG\/JPEG, GIF, and animated GIF<\/td>60 x 340 pixels (covers 5 promo slots)<\/td>250kB<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
\n

You will receive an error message if you upload an image larger than the maximum allowed dimensions.<\/p>\n<\/div>\n<\/div>\n\n\n\n

How to Upload a Banner\/Image<\/h2>\n\n\n\n

To upload an image in the FlexForms Image Library:<\/p>\n\n\n\n

1. Access the Admin Portal<\/a>.<\/p>\n\n\n\n

2. Set the subaccount dropdown menu to All<\/strong>.<\/p>\n\n\n

\n
\"Access<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

3. Click FlexForms Systems<\/strong>.<\/p>\n\n\n\n

4. Select FlexForms Payment Links<\/strong>.<\/p>\n\n\n

\n
\"Accessing<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

5. Open the Image Library<\/strong>.<\/p>\n\n\n

\n
\"Access<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

6. Select Upload New Image<\/strong>.<\/p>\n\n\n

\n
\"Upload<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

7. Browse<\/strong> to select the image file you want to upload.<\/p>\n\n\n\n

8. Click Insert<\/strong> to upload the image file.<\/p>\n\n\n

\n
\"Upload<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

The Image Library contains all the images uploaded to the FlexForms system. Merchants can filter the images by status or search images by keyword.<\/p>\n\n\n\n

Clicking an image thumbnail in the left pane displays a larger version on the right, along with image properties.<\/p>\n\n\n

\n
\"Uploaded<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

Pending Approval Status<\/h3>\n\n\n\n

Once an image is uploaded, it receives the Pending Approval status. A dedicated team of CCBill employees reviews the uploaded image before approving its content. The entire process takes up to 24h.<\/p>\n\n\n

\n

To meet the approval criteria, the image must be free of nudity, profanity, and unauthorized use of intellectual property, among other requirements. While this is not an exhaustive list, failing to comply with any of these three guidelines will result in automatic rejection.<\/p>\n<\/div>\n<\/div>\n\n\n

\n
\"Pending<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

When the review is complete, and the image is approved, it receives the Approved for Live<\/strong> status. At this point, merchants can set their FlexForms to Live.<\/p>\n\n\n

\n

FlexForms also receive a pending approval status when merchants change the Product Description or use a Custom CSS for their forms.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Add Images to Payment Form<\/h2>\n\n\n\n

CCBill offers predetermined visual themes, but FlexForms can be visually modified to resemble the look and feel of your website.<\/p>\n\n\n\n

To insert an image on the payment form or approval page:<\/p>\n\n\n\n

1. Open the Forms Library<\/strong>.<\/p>\n\n\n

\n
\"Add<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

2. Select a form from the scrollable area on the left.<\/p>\n\n\n\n

3. Expand the All Settings<\/strong> tab. A list of settings will be on the left. <\/p>\n\n\n\n

4. Use the following settings to add your images to the form:<\/p>\n\n\n\n

Setting<\/strong><\/th>Description<\/strong><\/th><\/tr><\/thead>
Banner Image<\/strong><\/td>Select an image for your banner. It will appear at the top of the Form.<\/td><\/tr>
Approval Message<\/strong><\/td>Add an image to the approval page.<\/td><\/tr>
Image 1\/2<\/strong><\/td>Topmost and lowermost on Form. Depending on the layout, you might be unable to add these images.<\/td><\/tr>
Promotional Offers<\/strong><\/td>Add images to complement your promotional offers.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
\n
\"Inserting<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

5. Click Add Image<\/strong> to open the Image Gallery<\/em> popup window.<\/p>\n\n\n

\n
\"Add<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

6. Select one of the available images and click Insert Image<\/strong>.<\/p>\n\n\n

\n
\"Insert<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n

Selecting an image that has yet to pass CCBill\u2019s Policy Review will result in your form not being available for immediate use. You can set your form to Live <\/strong>once the image has been approved.<\/p>\n\n\n\n

\n","protected":false},"excerpt":{"rendered":"

A comprehensive guide for uploading and placing custom images on your FlexForms payment forms.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[45],"tags":[],"class_list":["post-435","post","type-post","status-publish","format-standard","hentry","category-flexforms"],"acf":[],"yoast_head":"\nCCBill Merchant Knowledge Base | FlexForms Image and URL Libraries<\/title>\n<meta name=\"description\" content=\"You can use the Image library to upload and review all of the images that you\u2019ve uploaded to the FlexForms system.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ccbill.com\/doc\/flexforms-image-library\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CCBill Merchant Knowledge Base | FlexForms Image and URL Libraries\" \/>\n<meta property=\"og:description\" content=\"You can use the Image library to upload and review all of the images that you\u2019ve uploaded to the FlexForms system.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ccbill.com\/doc\/flexforms-image-library\" \/>\n<meta property=\"og:site_name\" content=\"CCBill Doc\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-10T18:44:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-15T09:45:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg\" \/>\n<meta name=\"author\" content=\"Dejan Tucakov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dejan Tucakov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ccbill.com\/doc\/flexforms-image-library\",\"url\":\"https:\/\/ccbill.com\/doc\/flexforms-image-library\",\"name\":\"CCBill Merchant Knowledge Base | FlexForms Image and URL Libraries\",\"isPartOf\":{\"@id\":\"https:\/\/ccbill.com\/doc\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ccbill.com\/doc\/flexforms-image-library#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ccbill.com\/doc\/flexforms-image-library#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg\",\"datePublished\":\"2020-08-10T18:44:04+00:00\",\"dateModified\":\"2023-03-15T09:45:39+00:00\",\"author\":{\"@id\":\"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84\"},\"description\":\"You can use the Image library to upload and review all of the images that you\u2019ve uploaded to the FlexForms system.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ccbill.com\/doc\/flexforms-image-library\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ccbill.com\/doc\/flexforms-image-library#primaryimage\",\"url\":\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg\",\"contentUrl\":\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg\",\"width\":750,\"height\":423,\"caption\":\"Access FlexForms menu in CCBill Admin.\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ccbill.com\/doc\/#website\",\"url\":\"https:\/\/ccbill.com\/doc\/\",\"name\":\"CCBill Doc\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ccbill.com\/doc\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84\",\"name\":\"Dejan Tucakov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ccbill.com\/doc\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g\",\"caption\":\"Dejan Tucakov\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CCBill Merchant Knowledge Base | FlexForms Image and URL Libraries","description":"You can use the Image library to upload and review all of the images that you\u2019ve uploaded to the FlexForms system.","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:\/\/ccbill.com\/doc\/flexforms-image-library","og_locale":"en_US","og_type":"article","og_title":"CCBill Merchant Knowledge Base | FlexForms Image and URL Libraries","og_description":"You can use the Image library to upload and review all of the images that you\u2019ve uploaded to the FlexForms system.","og_url":"https:\/\/ccbill.com\/doc\/flexforms-image-library","og_site_name":"CCBill Doc","article_published_time":"2020-08-10T18:44:04+00:00","article_modified_time":"2023-03-15T09:45:39+00:00","og_image":[{"url":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg","type":"","width":"","height":""}],"author":"Dejan Tucakov","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dejan Tucakov","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ccbill.com\/doc\/flexforms-image-library","url":"https:\/\/ccbill.com\/doc\/flexforms-image-library","name":"CCBill Merchant Knowledge Base | FlexForms Image and URL Libraries","isPartOf":{"@id":"https:\/\/ccbill.com\/doc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ccbill.com\/doc\/flexforms-image-library#primaryimage"},"image":{"@id":"https:\/\/ccbill.com\/doc\/flexforms-image-library#primaryimage"},"thumbnailUrl":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg","datePublished":"2020-08-10T18:44:04+00:00","dateModified":"2023-03-15T09:45:39+00:00","author":{"@id":"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84"},"description":"You can use the Image library to upload and review all of the images that you\u2019ve uploaded to the FlexForms system.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ccbill.com\/doc\/flexforms-image-library"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ccbill.com\/doc\/flexforms-image-library#primaryimage","url":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg","contentUrl":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/flexforms-subaccount-all.jpg","width":750,"height":423,"caption":"Access FlexForms menu in CCBill Admin."},{"@type":"WebSite","@id":"https:\/\/ccbill.com\/doc\/#website","url":"https:\/\/ccbill.com\/doc\/","name":"CCBill Doc","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ccbill.com\/doc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84","name":"Dejan Tucakov","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ccbill.com\/doc\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g","caption":"Dejan Tucakov"}}]}},"_links":{"self":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts\/435"}],"collection":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":5,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts\/435\/revisions"}],"predecessor-version":[{"id":7587,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts\/435\/revisions\/7587"}],"wp:attachment":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/categories?post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/tags?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}