Contoh Iklan Carousel Instagram

Contoh Iklan Carousel Instagram

Change transition duration

The transition duration of .carousel-item can be changed with the $carousel-transition Sass variable before compiling or custom styles if you’re using the compiled CSS. If multiple transitions are applied, make sure the transform transition is defined first (eg. transition: transform 2s ease, opacity .5s ease-out).

Manfaat Produk Terlihat

Manfaat dari produk kecantikan harus jelas. Dalam iklan Wardah, misalnya, produk seperti AcneDerm Serum memberikan penjelasan yang detail mengenai lima manfaat utama produk, seperti mengontrol minyak, mengatasi jerawat, dan mencerahkan wajah.

Informasi yang jelas seperti ini membantu calon pelanggan membuat keputusan dengan lebih cepat.

Best Practice Kreatif Facebook Ads

Di bagian pertama, kita akan membahas tentang elemen-elemen yang dapat menjadi faktor keberhasilan iklan di Facebook maupun Instagram. Setelah itu, kita akan membedah beberapa contoh Facebook Ad dari beberapa pengiklan di Indonesia.

ElsheSkin: #YourBeautyGuardian

ElsheSkin dengan beragam produk serumnya memberi solusi yang berbeda untuk berbagai masalah kulit. Visual yang segar dan tagline yang kuat membuat iklan ini mudah diingat oleh konsumen.

Wardah dengan seri AcneDerm menargetkan solusi khusus untuk jerawat. Dengan bahasa yang lugas, mereka menawarkan produk yang bisa mengatasi lima masalah kulit sekaligus. Produk ini sangat cocok untuk yang mencari solusi multifungsi.

Contoh Iklan di Instagram: Iklan Feeds dan Iklan Stories

Berikut penjelasan lebih jauhnya!

Menampilkan Adanya Transformasi

Transformasi adalah elemen yang sangat kuat dalam iklan kecantikan. Iklan Wardah menampilkan bagaimana produk mereka, seperti AcneDerm, bisa mengubah kondisi kulit yang berjerawat menjadi lebih bersih dan cerah.

Gambar before-after atau sekadar klaim tentang bagaimana produk ini bisa memberikan hasil yang nyata, membantu calon pembeli membayangkan hasil yang bisa mereka dapatkan. Transformasi ini yang membuat produk kecantikan menjadi lebih menjanjikan di mata konsumen.

Contoh Iklan Feed di Instagram

Bagi Anda yang belum tahu jenis iklan Instagram apa saja, salah satu yang paling populer adalah iklan feeds. Sama seperti namanya, jenis iklan yang satu ini akan muncul pada saat Anda membuka feeds. Secara garis besar, feeds adalah laman yang muncul ketika Anda mengklik ikon bergambar rumah.

Berikut adalah contoh iklan feeds yang muncul di akun Anda!

Pada contoh tersebut, Anda bisa melihat tulisan “sponsored” di bawah username. Itu artinya, brand Sociolla menggunakan fitur Instagram feed ads untuk mempromosikan produk toner milik mereka. Lalu, ada foto produk, dan call-to-action dengan tulisan “Shop now” yang mengarah ke pembelian produk.

Kemudian, ada juga caption iklan di Instagram yang mencakup nama produk, harga, dan juga penawaran menarik berupa diskon dan gratis ongkir.

“Pastikan Anda memberi foto produk yang jelas dan tambahkan link call-to-action untuk membeli produk atau menghubungi Anda. Jangan lupa tulis caption yang menarik, singkat, padat, dan jelas.”

Individual .carousel-item interval

Add data-interval="" to a .carousel-item to change the amount of time to delay between automatically cycling to the next item.

PlaceholderFirst slide

PlaceholderSecond slide

PlaceholderThird slide

Use data attributes to easily control the position of the carousel. data-slide accepts the keywords prev or next, which alters the slide position relative to its current position. Alternatively, use data-slide-to to pass a raw slide index to the carousel data-slide-to="2", which shifts the slide position to a particular index beginning with 0.

The data-ride="carousel" attribute is used to mark a carousel as animating starting at page load. If you don’t use data-ride="carousel" to initialize your carousel, you have to initialize it yourself. It cannot be used in combination with (redundant and unnecessary) explicit JavaScript initialization of the same carousel.

Call carousel manually with:

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-interval="".

If set to "hover", pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it.

On touch-enabled devices, when set to "hover", cycling will pause on touchend (once the user finished interacting with the carousel) for two intervals, before automatically resuming. Note that this is in addition to the above mouse behavior.

All API methods are asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored.

See our JavaScript documentation for more information.

Initializes the carousel with an optional options object and starts cycling through items.

Cycles through the carousel items from left to right.

Stops the carousel from cycling through items.

Cycles the carousel to a particular frame (0 based, similar to an array). Returns to the caller before the target item has been shown (i.e. before the slid.bs.carousel event occurs).

Cycles to the previous item. Returns to the caller before the previous item has been shown (i.e. before the slid.bs.carousel event occurs).

Cycles to the next item. Returns to the caller before the next item has been shown (i.e. before the slid.bs.carousel event occurs).

Destroys an element’s carousel.

Bootstrap’s carousel class exposes two events for hooking into carousel functionality. Both events have the following additional properties:

All carousel events are fired at the carousel itself (i.e. at the