# एक सदस्यता फ़ॉर्म बनाएं और एम्बेड करें

Pushwoosh आपको विभिन्न साइनअप परिदृश्यों के लिए सदस्यता फ़ॉर्म बनाने, आपके द्वारा एकत्र किए जाने वाले फ़ील्ड को कस्टमाइज़ करने और फ़ॉर्म को अपनी वेबसाइट पर मोडल या इनलाइन विजेट के रूप में प्रदर्शित करने की सुविधा देता है।

## फ़ॉर्म कैसे बनाएं

एक नया सदस्यता फ़ॉर्म बनाने के लिए:

1.  **Audience → Subscription forms** पर जाएं।
2.  **Create form** पर क्लिक करें।

<img src="/subscription-forms-1.webp" alt="डबल ऑप्ट-इन और सदस्यता फ़ॉर्म कार्ड, कैसे उपयोग करें लिंक, और फ़ॉर्म बनाएं बटन के साथ सदस्यता फ़ॉर्म पेज"/>
3.  फ़ॉर्म को कॉन्फ़िगर करें। दाईं ओर एक लाइव पूर्वावलोकन दिखाई देता है और जैसे ही आप सेटिंग्स बदलते हैं, यह अपडेट हो जाता है।

### सामान्य सेटिंग्स कॉन्फ़िगर करें

निम्नलिखित फ़ील्ड कॉन्फ़िगर करें।

> **इस अनुभाग में सभी फ़ील्ड आवश्यक हैं।**

-   **Internal form name:** केवल Pushwoosh के अंदर उपयोग किया जाता है, ग्राहकों को नहीं दिखाया जाता है। उदाहरण: "Newsletter signup"।
-   **Display type:** चुनें कि फ़ॉर्म आपकी साइट पर कैसे दिखाई देगा:
    -   **Modal popup:** एक पॉपअप ओवरले जो आपके द्वारा सेट किए गए **Trigger** के सक्रिय होने पर पेज के ऊपर दिखाई देता है, उदाहरण के लिए **Immediately** या कुछ सेकंड के बाद (देखें [मोडल पॉपअप टाइमिंग सेट करें](#set-modal-popup-timing))। न्यूज़लेटर साइनअप या प्रचार प्रस्तावों के लिए अच्छा है जिन्हें आप चाहते हैं कि विज़िटर नोटिस करें।
    -   **Embedded inline:** फ़ॉर्म आपके पेज की सामग्री के अंदर बैठता है (उदाहरण के लिए साइडबार में या किसी लेख के नीचे)। विज़िटर इसे पेज लेआउट के हिस्से के रूप में देखते हैं, न कि एक अलग पॉपअप के रूप में।
-   **Privacy policy URL:** फ़ॉर्म एक सहमति चेकबॉक्स दिखाता है ("मैं गोपनीयता नीति से सहमत हूं") जो इस URL से लिंक होता है। उदाहरण: `https://example.com/policy`।

<img src="/subscription-forms-2.webp" alt="आंतरिक फ़ॉर्म नाम, डिस्प्ले प्रकार, गोपनीयता नीति URL, और फ़ॉर्म फ़ील्ड कॉन्फ़िगरेशन के साथ सदस्यता फ़ॉर्म इंटरफ़ेस बनाएं"/>

#### मोडल पॉपअप टाइमिंग सेट करें

केवल **Modal popup** के लिए:

1.  परिभाषित करें कि पॉपअप पेज पर कब दिखाई देगा। **Trigger** ड्रॉपडाउन में चुनें:
    -   **Immediately** (डिफ़ॉल्ट)
    -   3 सेकंड के बाद
    -   5 सेकंड के बाद
    -   10 सेकंड के बाद
2.  **Frequency** ड्रॉपडाउन में चुनें कि प्रत्येक विज़िटर पॉपअप को कितनी बार देखेगा:
    -   **Once per visitor** (डिफ़ॉल्ट): प्रति डिवाइस एक बार
    -   **Once per session**: प्रति ब्राउज़र सत्र एक बार
    -   **Always**: हर बार जब वे पेज पर जाते हैं

<img src="/subscription-forms-3.webp" alt="मोडल पॉपअप डिस्प्ले प्रकार, ट्रिगर और आवृत्ति ड्रॉपडाउन, और फ़ील्ड जोड़ें बटन के साथ सदस्यता फ़ॉर्म बनाएं"/>

### फ़ॉर्म फ़ील्ड कॉन्फ़िगर करें

प्रत्येक फ़ॉर्म में डिफ़ॉल्ट रूप से एक **Email** फ़ील्ड शामिल होता है (इसे हटाया नहीं जा सकता)। आप कुल पांच फ़ील्ड के लिए चार और फ़ील्ड जोड़ सकते हैं।

उन्हें जोड़ने के लिए **+ First name**, **+ Last name**, **+ Phone number**, या **+ Custom field** पर क्लिक करें।

<Aside type="note">
इन अंतर्निहित फ़ील्ड से मान मानक टैग में सहेजे जाते हैं: `first_name`, `last_name`, और `phone`। कस्टम फ़ील्ड अपने मानों को उन टैग में सहेजते हैं जिन्हें आप **Linked tag** सेटिंग में चुनते हैं।
</Aside>

प्रत्येक फ़ील्ड के लिए, **Required** चेक करें यदि विज़िटर को इसे भरना होगा (आवश्यक फ़ील्ड एक तारांकन `*` दिखाते हैं)। किसी फ़ील्ड को हटाने के लिए ट्रैश आइकन का उपयोग करें।

<img src="/subscription-forms-4.webp" alt="ईमेल, पहला नाम, फ़ोन नंबर, अंतिम नाम, शहर और चयनित फ़ील्ड के लिए फ़ील्ड कॉन्फ़िगरेशन के साथ फ़ॉर्म फ़ील्ड सूची"/>

#### एक कस्टम फ़ील्ड बनाएं

1.  फ़ील्ड सूची में **+ Custom field** पर क्लिक करें।
2.  **Linked tag** के तहत, वह Pushwoosh टैग चुनें जो इस फ़ील्ड से सबमिट किए गए मान को संग्रहीत करेगा (उदाहरण के लिए `birthday`)। आपको पहले से टैग बनाना होगा।
3.  **Field label** सेट करें: वह टेक्स्ट जो विज़िटर इनपुट के बगल में देखते हैं (उदाहरण के लिए `Date of birth`)।
4.  वैकल्पिक रूप से **Placeholder (optional)** सेट करें: खाली फ़ील्ड के अंदर संकेत टेक्स्ट (उदाहरण के लिए `MM/DD/YYYY`)।
5.  **Required** को चालू या बंद करें।

<img src="/subscription-forms-7.webp" alt="लिंक्ड टैग, फ़ील्ड लेबल, प्लेसहोल्डर, और आवश्यक चेकबॉक्स के साथ कस्टम फ़ील्ड कॉन्फ़िगरेशन"/>

### फ़ॉर्म लेबल कस्टमाइज़ करें

डिफ़ॉल्ट रूप से, सभी फ़ॉर्म टेक्स्ट अंग्रेजी में होते हैं। फ़ॉर्म को किसी अन्य भाषा में अनुवाद करने या किसी भी शब्द को बदलने के लिए, लाइव पूर्वावलोकन के नीचे **Customize labels** पर क्लिक करें।

<img src="/subscription-forms-16.webp" alt="हेडिंग, बटन, गोपनीयता नीति टेक्स्ट, गोपनीयता नीति लिंक टेक्स्ट, सफलता संदेश, डबल ऑप्ट इन संदेश, ईमेल लेबल, और ईमेल प्लेसहोल्डर फ़ील्ड के साथ फ़ॉर्म लेबल संवाद को कस्टमाइज़ करें"/>

**Customize form labels** संवाद में, आप संपादित कर सकते हैं:

-   **Heading**
-   **Button**
-   **Privacy Policy Text**
-   **Privacy Policy Link Text**
-   **Success Message**
-   **Double Opt In Message** (केवल तभी लागू होता है जब डबल ऑप्ट-इन सक्षम हो)
-   प्रत्येक फ़ॉर्म फ़ील्ड के लिए **Label** और वैकल्पिक **Placeholder**

अपने परिवर्तनों को लागू करने के लिए **Save** पर क्लिक करें। वे तुरंत लाइव पूर्वावलोकन में दिखाई देते हैं। प्रकाशित फ़ॉर्म आपके द्वारा सदस्यता फ़ॉर्म को सहेजने या प्रकाशित करने के बाद अपडेट हो जाता है।

### फ़ॉर्म का पूर्वावलोकन करें और सहेजें

Create Subscription form इंटरफ़ेस के दाईं ओर एक लाइव पूर्वावलोकन दिखाई देता है और जैसे ही आप सेटिंग्स बदलते हैं, यह अपडेट हो जाता है। डिफ़ॉल्ट पूर्वावलोकन स्थिति को पुनर्स्थापित करने के लिए पूर्वावलोकन के नीचे **Reset preview** का उपयोग करें।

<Aside type="note">
**Preview** से परीक्षण सबमिशन आपके प्रोजेक्ट में सब्सक्राइबर नहीं बनाते हैं।
</Aside>

<img src="/subscription-forms-5.webp" alt="दाईं ओर लाइव पूर्वावलोकन, पूर्वावलोकन रीसेट करें, और ऊपर दाईं ओर बनाएं बटन के साथ सदस्यता फ़ॉर्म बनाएं"/>

जब आप फ़ॉर्म को कॉन्फ़िगर करना समाप्त कर लें, तो ऊपर दाईं ओर कोने में **Create** पर क्लिक करें।

### एम्बेड कोड कॉपी करें और इसे अपनी साइट पर जोड़ें

<Aside type="caution" icon="setting" title="डेवलपर सहायता की आवश्यकता है">
आपको अपनी वेबसाइट पर एम्बेड कोड जोड़ने के लिए अपनी विकास टीम से सहायता की आवश्यकता होगी।
</Aside>

आपके फ़ॉर्म के लिए एम्बेड कोड के साथ एक संवाद खुलता है। स्निपेट को क्लिपबोर्ड पर कॉपी करने के लिए **Copy code** पर क्लिक करें।

<img src="/subscription-forms-11.webp" alt="स्क्रिप्ट स्निपेट, क्लोजिंग बॉडी टैग से पहले पेस्ट करने के निर्देश, और कोड कॉपी करें बटन के साथ मोडल फ़ॉर्म कोड संवाद"/>

#### अपनी वेबसाइट पर एम्बेड कोड कहाँ पेस्ट करें

स्क्रिप्ट को पेज HTML में जोड़ें जहाँ इसे चलना चाहिए।

-   **Modal popup** के लिए, स्क्रिप्ट को क्लोजिंग `</body>` टैग से पहले रखना सामान्य तरीका है।

-   **Embedded inline** के लिए, स्निपेट को अपने मार्कअप में ठीक उसी जगह पर रखें जहाँ आप फ़ॉर्म ब्लॉक को दिखाना चाहते हैं।

<Aside type="tip" title="विजेट को CSS से कस्टमाइज़ करें">
आप `pushwoosh-subscribe-widget` तत्व पर CSS कस्टम गुण सेट करके अपनी साइट पर डिफ़ॉल्ट स्टाइलिंग (रंग, टाइपोग्राफी, स्पेसिंग, और मोडल) को ओवरराइड कर सकते हैं। [और जानें](/hi/product/audience-data-and-segmentation/subscription-forms/customize-widget/)।
</Aside>

### आपकी वेबसाइट पर विभिन्न डिस्प्ले प्रकार कैसे दिखते हैं

ये उदाहरण दिखाते हैं कि प्रत्येक फ़ॉर्म प्रकार एक लाइव पेज पर कैसे दिखाई दे सकता है। फ़ील्ड लेबल और आवश्यक मार्कर आपके द्वारा फ़ॉर्म बिल्डर में कॉन्फ़िगर किए गए से मेल खाते हैं।

<Tabs>
<TabItem label="मोडल पॉपअप">

<img src="/subscription-forms-14.webp" alt="ईमेल, नाम, फ़ोन फ़ील्ड, गोपनीयता नीति चेकबॉक्स, और सब्सक्राइब के साथ एक वेबपेज पर मोडल न्यूज़लेटर साइनअप ओवरले"/>

</TabItem>
<TabItem label="एम्बेडेड इनलाइन">

<img src="/subscription-forms-15.webp" alt="ईमेल, नाम, फ़ोन फ़ील्ड, गोपनीयता चेकबॉक्स, और सब्सक्राइब बटन के साथ पेज बॉडी में इनलाइन न्यूज़लेटर साइनअप फ़ॉर्म"/>

</TabItem>
</Tabs>

## अगले चरण

-   [डबल ऑप्ट-इन सक्षम करें](/hi/product/audience-data-and-segmentation/subscription-forms/double-opt-in/) ताकि ग्राहकों को जोड़ने से पहले ईमेल पुष्टि की आवश्यकता हो
-   [सदस्यता फ़ॉर्म विजेट को कस्टमाइज़ करें](/hi/product/audience-data-and-segmentation/subscription-forms/customize-widget/) ताकि फ़ॉर्म आपकी वेबसाइट से मेल खाए
-   [फ़ॉर्म प्रदर्शन की समीक्षा करें और ग्राहकों को निर्यात करें](/hi/product/audience-data-and-segmentation/subscription-forms/form-analytics-and-export/) ताकि परिणामों को ट्रैक किया जा सके और ग्राहक डेटा डाउनलोड किया जा सके