> For the complete documentation index, see [llms.txt](https://user.netmera.com/netmera-user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur.md). # Oluştur {% hint style="info" %} **Hızlı Adımlar Kılavuzu** Netmera Panelinize gidin ve şuna tıklayın: **Mobile Widget > Design Mobile Widget** 1. widget'ınızı şuradan seçin: **Your Widgets** ve tasarımınızı düzenleyin. 2. Yeni bir özel widget oluşturmak istiyorsanız, şunu seçin: **"Blank Widget"**, bir ad ekleyin ve widget'ınızı "**Extend Widget" içinde yapılandırın.** 3. widget'ınızı Elements bölümündeki sürükle-bırak widget araçlarını kullanarak özelleştirin. **Elements.** 4. Tanımlayın **Click Actions** düğmeleriniz veya görselleriniz için. 5. Şuna tıklayın: **Save Widget & Return**. {% endhint %} Şuna tıkladığınızda **Blank Widget**, **Extend Widget** sayfası açılır. Burada widget'ınızın temel ayarlarını yapılandırır ve nasıl görünüp davranacağını özelleştirirsiniz. Her seçenek, kolayca tanımlanabilen, kampanya amacınıza uyan ve doğru kullanıcı deneyimini sunan bir widget oluşturmanıza yardımcı olur. ## Widget Gallery Bu **Widget Gallery** kampanyalarınız için başlangıç noktası olarak kullanabileceğiniz önceden tasarlanmış şablonlar koleksiyonu sunar. Bu şablonlar, ihtiyaçlarınıza göre özelleştirme esnekliği sağlarken size zaman ve emek kazandırır.

## Your Widgets Şuradaki **Your Widgets** bölümünde, daha önce oluşturduğunuz widget'lara erişebilirsiniz. Bu bölüm, aşağıdaki seçeneklerle widget'ları verimli şekilde yönetmenize ve sürdürmenize olanak tanır: * **Ara**\ Anahtar kelimeler girerek belirli widget'ları hızlıca bulun. Geniş bir kütüphaneniz olduğunda kullanışlıdır. * **Düzenle**\ Tasarım, içerik veya davranış ayarlarını güncelleyin. Örneğin, kapatma düğmesinin görünümünü değiştirebilir veya kampanya metnini güncelleyebilirsiniz. * **Silin**\ İstenmeyen widget'ları kalıcı olarak kaldırın. Kütüphanenizi düzenli tutmanıza yardımcı olur. * **Kopyala**\ Küçük değişikliklerle yeni bir sürüm oluşturmak için mevcut bir widget'ı çoğaltın. **Örnek:**\ "Welcome Discount" adlı bir widget'ınız varsa ve **10%** teklif ediyorsa, **Düzenle** bunu güncelleyerek **15%**hale getirebilir, sıfırdan oluşturmak yerine bunu kullanabilirsiniz.

## Extend Widget Şunu seçtiğinizde **Blank Widget**, **Extend Widget** sayfası açılır. Burada widget'ınızın temel ve gelişmiş seçeneklerini yapılandırırsınız. ### Ad Widget'ınıza açıklayıcı ve akılda kalıcı bir ad verin; örn. **“Yaz İndirimi Açılır Penceresi”**. ### Açıklama Widget'ın amacını kısaca açıklayın; örn. “Etkileşimli bir açılır pencere ile sezon indirimlerini tanıtır.”

### Arka Plan Örtüsü Özelliği Arka Plan Örtüsü, size **daha fazla görsel kontrol** sağlamak için tasarlanmıştır; bunu yaparken mevcut veya basit kullanım senaryolarını bozmaz. Geriye dönük uyumluluğu koruyup temel açılır pencere uygulamalarını basit tutarken daha gelişmiş görsel özelleştirme sağlar. {% hint style="info" %} **Minimum SDK Sürümleri** * **Android SDK:** 4.13.1 * **Swift SDK (iOS):** 4.14.2 {% endhint %} #### Background Overlay Bu **Background Overlay** anahtarı varsayılan olarak etkindir. Etkinleştirildiğinde: * Açılır pencerenin dışındaki tüm alanlar tonlu gri bir örtüyle kaplanır. * Örtü **tam ekran**. * Örtü, **durum çubuğu alanını** (saat, pil ve operatör bilgileri gibi) içerir. * Bu **Overlay Color** seçeneği kullanılabilir hale gelir.

#### Overlay Color * Varsayılan olarak, örtü rengi **tonlu gri**. * Özel bir renk seçmek için **renk seçiciyi**. * Hem **HEX** ve **RGBA** renk formatları desteklenir. * Seçilen renk, açılır pencerenin arkasındaki **tam ekran örtü alanına**. * Opaklık şu şekilde ayarlanabilir: * Doğrudan renk seçici içinde veya * ayrı bir opaklık kontrolü (kaydırıcı) aracılığıyla. #### Şeffaf Arka Plan

Bu **Şeffaf Arka Plan** anahtarı etkinleştirildiğinde: * Açılır pencere **şeffaf bir uygulama arka planı üzerinde gösterilir**. * **Arka Plan Örtüsü otomatik olarak devre dışı bırakılır.** * Bu **Overlay Color** seçeneği devre dışı hale gelir. {% hint style="success" %} ### Arka Plan Örtüsü ile Neler Elde Edebilirsiniz * Açılır pencereleri **şeffaf bir arka planda** gösterin; böylece alttaki uygulama içeriği görünür kalır. * **Kullanıcının dikkatini mesaja çekmek için açılır pencerenin dışındaki alanı karartın veya renklendirin.** Kullanıcının dikkatini mesaja çekmek için * marka renkleriyle tutarlı **bir örtü deneyimi oluşturun**. * Şu özelliklerle **sorunsuz bir modal deneyim**sağlayın; tam ekran veya sürükleyici sunumlar için durum çubuğu alanı da dahil. {% endhint %} ### Widget Dışarı Tıklandığında Kapanır Bu seçenek etkinleştirildiğinde, kullanıcıların yalnızca **widget alanının dışına dokunması veya tıklaması** kapatmak için yeterlidir. * Özellik **hem web hem de mobil platformlarda**. * çalışır. Yaygın dijital davranış kalıplarıyla uyumlu, daha akıcı ve daha doğal bir etkileşim sağlar.

### Tür Kampanyanız için en uygun widget türünü seçin: * **Açılır Pencere:** Promosyonlar, teklifler veya abonelikler için dikkat çekici bir katman. * **Yüzen Çubuk** – Sayfanın üstünde/altında yer alan ince çubuk; kalıcı duyurular için idealdir. * **Tam Ekran:** Maksimum etki için tüm ekranı kaplar. {% hint style="info" %} **Tam Ekran** widget'ları daha odaklı ve sürükleyici bir deneyim sunmak için tüm ekranı kaplar. SDK sürümünüzün minimum gereksinimleri karşıladığından emin olun. **Minimum SDK sürümleri:** * Android: 4.12.1 * Swift: 4.14.1 {% endhint %}

### Kapatma Düğmesi Konumu Kapatma (X) düğmesini şu konumlardan herhangi birine yerleştirebilirsiniz: * **Widget'ın Sağ Üst** **Köşesi** (varsayılan) * **Widget'ın Sağ Üst Köşesinin Üstünde** * **Özel Düğme Konumu** Bu davranış hem **web hem de mobil platformlarda**çalışır; böylece etkileşimleri markanız ve UX akışınızla uyumlu hale getirebilirsiniz. #### Özel Düğme Konumu Şunu seçerseniz **Özel Düğme Konumu**, ek kontroller görünür: * **Sağ Konum**: Düğmenin sağ kenardan yatay uzaklığını ayarlayın (0–100%). * **Üst Konum**: Düğmenin üst kenardan dikey uzaklığını ayarlayın (0–100%). Bu esneklik, kapatma düğmesini widget içinde istediğiniz herhangi bir yere yerleştirmenizi sağlar; böylece önemli içeriklerle asla çakışmaz ve her zaman düzeninize uyum sağlar.

### Kapatma Düğmesi Rengi Tasarımınızla uyumlu bir renk seçin. Örneğin, görünürlük için kontrast bir renk veya tutarlılık için marka renginizi kullanabilirsiniz. ### Konum Widget'ın kullanıcının ekranında nerede görüneceğini belirleyebilirsiniz: * **Üst** * **Orta** * **Alt** Widget'ı hem **masaüstü hem de mobil** görünümlerde doğru hizalamayı doğrulamak için önizleyin. ### Şeffaf Konteyner Widget içeriğinin görünür bir çerçeve olmadan ana sayfaya karışmasını istediğinizde bu düzeni kullanın. Varsayılan olarak widget bir konteyner içinde görünür. Konteyner bir arka plan, kenarlık veya gölge içerebilir. Şeffaf bir konteyner uyguladığınızda bu görsel stiller kaldırılır. Widget içeriği görünür kalır; böylece tasarım sayfanın veya uygulamanın bir parçası gibi görünür. 1. şunu etkinleştirin: **Şeffaf Arka Plan** anahtarı. 2. İçinde **Arka Plan Rengi**, şunu seçin: **Temiz**. 3. Bileşenlerinizi ekleyin. 4. Bir görsel eklerseniz, görsel URL'sini **HTML builder**. Örneğin, yüzen bir logo widget'ı oluşturursanız logo kart arka planı veya gölge olmadan görünür.

### Örnek Eğer bir **Feedback Pop-up** oluşturuyorsanız, mobil kullanıcılar için şunları yapabilirsiniz: * Widget'ı **ekranın altına** yerleştirerek baş parmakla kolay erişim sağlayın. * Kapatma düğmesini **kapatma düğmesini** şuraya ayarlayın: **sol üstte**böylece form alanlarınızdan belirgin şekilde ayrılır. * Markanızın **vurgu rengini** kapatma düğmesi için kullanın; böylece widget'ın geri kalanıyla uyumlu olur. ✅ Bu seçeneklerle, widget'larınızın temel tasarımdan kapatma düğmesinin konumu gibi ince ayrıntılara kadar nasıl görünüp davranacağı üzerinde tam kontrole sahip olursunuz. Konumlandırmadaki küçük değişiklikler üzerinde büyük etki yaratabilir **kullanıcı konforu** ve **marka uyumu**. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://user.netmera.com/netmera-user-guide/netmera-user-guide-tr/omnichannel-etkilesim/widgetlar/mobil-uygulama-ici/olustur.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.