{"id":646,"date":"2018-03-25T19:55:15","date_gmt":"2018-03-25T14:25:15","guid":{"rendered":"https:\/\/holithemes.com\/whatsapp-chat\/?p=646"},"modified":"2018-03-25T19:55:15","modified_gmt":"2018-03-25T14:25:15","slug":"style-99-own-image","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-99-own-image\/","title":{"rendered":"Style-99-own-Image \/ GIF"},"content":{"rendered":"<div class=\"ccw_plugin pointer  \" style=><img decoding=\"async\" class=\"own-img-sc inline ccw-analytics\" id=\"style-99-sc\" data-ccw=\"style-99-sc-own-image\" style=\" height: 60px;  \" src=\" https:\/\/media.giphy.com\/media\/xT1XGxMBRTedbb5pSw\/source.gif \" onclick=\"window.open('https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-99-own-image\/ Hello HoliThemes !!', '_blank', 'noreferrer')\" alt=\"WhatsApp chat\"><\/div>\n<div class=\"ccw_plugin pointer  \" style=position:fixed;right:10px;bottom:10px;><img decoding=\"async\" class=\"own-img-sc inline ccw-analytics\" id=\"style-99-sc\" data-ccw=\"style-99-sc-own-image\" style=\" height: 60px;  \" src=\" https:\/\/media.giphy.com\/media\/xT1XGxMBRTedbb5pSw\/source.gif \" onclick=\"window.open('https:\/\/api.whatsapp.com\/send?phone=&text=https:\/\/holithemes.com\/plugins\/whatsapp-chat\/style-99-own-image\/ Hello HoliThemes !!', '_blank', 'noreferrer')\" alt=\"WhatsApp chat\"><\/div>\n<p>&nbsp;<\/p>\n<p>Style-99 &#8211; own Image \/ GIF ( since version 1.5 )<\/p>\n<hr \/>\n<p>At Plugin Settings ( Click to Chat \u00a0-&gt; Customize Styles )<\/p>\n<p>Please remove the default added image URL and add the new Image URL.<\/p>\n<p>For Better result add the Image With perfect Size, Instead of changing the image width, height from plugin settings<\/p>\n<p>i..e. If you plan to make your image size 100 x 100 PX width, height, can add the image with that size instead of adding large image and changing the image size.<\/p>\n<p>If need to change the image Width or Height from plugin settings, recommended to change only one value &#8211; Width or Height ( best to add Height alone and leave Width proportion to Height &#8211; it will adjust automatically )<\/p>\n<p>For Mobile Devices have to add separate \/ same image URL<\/p>\n<p>Can Add GIF Images &#8211; may not good to add in all pages as user may get distraction. instead add on specific pages using shortcodes<\/p>\n<p><a href=\"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-656\" src=\"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99.png\" alt=\"\" width=\"808\" height=\"796\" srcset=\"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99.png 808w, https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99-300x296.png 300w, https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99-768x757.png 768w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/><\/a><\/p>\n<p>continue image ..<\/p>\n<p><a href=\"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99_-_continue.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-658\" src=\"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99_-_continue.png\" alt=\"style 99 - continue\" width=\"799\" height=\"314\" srcset=\"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99_-_continue.png 799w, https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99_-_continue-300x118.png 300w, https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-content\/uploads\/2018\/03\/style_99_-_continue-768x302.png 768w\" sizes=\"(max-width: 799px) 100vw, 799px\" \/><\/a><\/p>\n<p>If plan to change Height, Width add suffix with CSS Units. ( e.g.\u00a0 100px )<\/p>\n<hr \/>\n<p>some suggestions like ..<\/p>\n<h4>Where to host Image<\/h4>\n<p>* Can Add image in your WordPress Media Uploads and get the URL<\/p>\n<p>* From AWS S3, including CDN &#8211; CloudFront<\/p>\n<p>so many Image Hosting sites are there.<\/p>\n<h4>Where to Get Images<\/h4>\n<p>We just added some list, We are responsible on how to use the image, please read there license policy on how to use.<\/p>\n<p><a href=\"https:\/\/www.whatsappbrand.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">WhatsApp Brand &#8211; Official Site<\/a><\/p>\n<p><a href=\"https:\/\/www.iconfinder.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">ICONFINDER<\/a><\/p>\n<p><a href=\"https:\/\/www.flaticon.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">FLATICON<\/a><\/p>\n<hr \/>\n<p><a href=\"https:\/\/imgur.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Imgur<\/a><\/p>\n<p><a href=\"https:\/\/giphy.com\/\" rel=\"nofollow\">GIPHY<\/a>\u00a0 &#8211; GIF Images<\/p>\n<hr \/>\n<p>( can find so many image with license of no attribution is required )<\/p>\n<p><a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Flickr<\/a><\/p>\n<p><a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Unsplash<\/a><\/p>\n<p><a href=\"https:\/\/pixabay.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">pixbay<\/a><\/p>\n<hr \/>\n<p>Create Images \/ Editor &#8211; online<\/p>\n<p><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Canva<\/a><\/p>\n<p><a href=\"https:\/\/www.picmonkey.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">PicMonkey<\/a><\/p>\n<hr \/>\n<p>some of this sites can work as image hosting sites also, so can load images directly from there server<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Style-99 &#8211; own Image \/ GIF ( since version 1.5 ) At Plugin Settings ( Click to Chat \u00a0-&gt; Customize Styles ) Please remove the default added image URL and add the new Image URL. For Better result add the Image With perfect Size, Instead of changing the image width, height from plugin settings [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"no-ads-template.php","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[3],"tags":[],"class_list":["post-646","post","type-post","status-publish","format-standard","hentry","category-list-styles"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts\/646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/comments?post=646"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/posts\/646\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/media?parent=646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/categories?post=646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/whatsapp-chat\/wp-json\/wp\/v2\/tags?post=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}