பாப் அப் விண்டோ என்ன. HTML: உங்கள் சொந்த பாப்அப் சாளரத்தை உருவாக்கவும்

வீடு / ஹார்ட் டிரைவ்கள்

இது அறியப்பட்ட உண்மை: பெரும்பாலான பார்வையாளர்கள் ஆன்லைன் ஸ்டோரின் தயாரிப்புப் பக்கத்திற்கு முதல் வருகையின் போது வாங்குவதில்லை அல்லது முன்னணியில் இருந்து வெளியேற மாட்டார்கள் - ஆனால் அது எவ்வளவு பெரியது?

SeeWhy நிறுவனத்தின் ஆராய்ச்சியின்படி, முதல் முறையாக வளத்தைப் பார்வையிடும் 99% பார்வையாளர்களுக்கு இதுவே பொருந்தும். நிச்சயமாக, நாங்கள் முதன்மையாக இணையவழி தளங்களைப் பற்றி பேசுகிறோம், ஆனால் கேள்வி இன்னும் எழுகிறது: 99% பார்வையாளர்கள் தங்கள் முதல் வருகையில் எதையும் வாங்கவில்லை என்றால், அவர்களைத் திரும்ப ஊக்கப்படுத்துவது எப்படி?

நல்ல செய்தி என்னவென்றால், பின்வரும் புள்ளிவிவரங்கள்: 75% பார்வையாளர்கள் வாங்குதலை முடிக்க இன்னும் பிறகு திரும்பத் தயாராக உள்ளனர்.

பாப்அப்களைப் பற்றி நீங்கள் எப்படி உணர்ந்தாலும், இந்த மார்க்கெட்டிங் நுட்பமானது கவனத்தை ஈர்ப்பதற்கும் தொடர்புத் தரவைச் சேகரிப்பதற்கும் (முன்னணி தலைமுறை) இன்னும் பயனுள்ளதாக இருக்கும்.

எளிமையாகச் சொன்னால், பாப்அப் சாளரங்களைப் பயன்படுத்துவது பார்வையாளரை இறங்கும் பக்கத்திற்குத் திருப்பி அனுப்புவதற்கான விரைவான வழியாகும்.

ஏன்?

இது "முறை குறுக்கீடு" என்று அழைக்கப்படும் ஒரு தூண்டுதல் நுட்பத்தை உள்ளடக்கியது, அங்கு உங்கள் கவனம், ஒரு குறிப்பிட்ட தாளம் அல்லது கதையின் வரிசையால் மயக்கமடைந்து, திடீரென்று எதிர்பாராத ஒன்றுக்கு ஆக்ரோஷமாக ஈர்க்கப்படுகிறது. திரைப்படங்கள், நகைச்சுவை நிகழ்ச்சிகள் மற்றும் முக்கியமான பேச்சுவார்த்தைகளின் போது கூட இந்த விளைவை நீங்கள் அடிக்கடி அனுபவிக்கிறீர்கள்.

உள்ளடக்கம் மற்றும் மின்னஞ்சல் மார்க்கெட்டிங் என்று வரும்போது, ​​வாசகர் ஏற்கனவே சிக்கலைத் தீர்ப்பதற்கும், தொடர்பைத் தொடர்வதற்கும் (செய்திமடலுக்குச் சந்தா செலுத்துதல், வாங்குதல், முதலியன) உறுதியுடன் இருக்கும்போது "முறை குறுக்கீடு" மிகவும் பயனுள்ளதாக இருக்கும்.

Made.com சேவையிலிருந்து ஒரு எடுத்துக்காட்டு. சந்தையாளர்கள் தங்கள் பார்வையாளர்களுக்கு 10 யூரோ மதிப்புள்ள இலவச வவுச்சரை வெறும் அற்பமான ஒரு மின்னஞ்சல் முகவரிக்கு வழங்கினர். இது செய்யப்பட்டது ஏனெனில்:

  • எல்லோரும் பணப் பரிசுகளை விரும்புகிறார்கள்;
  • மின்னஞ்சல் மூலம் நிலையான தொடர்புக்கு 10 யூரோக்கள் செலுத்த வேண்டிய சிறிய விலை.
  • ExactTarget படி, மின்னஞ்சல்வாடிக்கையாளர்களுக்கு மிகவும் விருப்பமான மார்க்கெட்டிங் சேனலாகும், ஏனெனில் 77% நுகர்வோர் பிராண்டுடன் தொடர்பு கொள்ளும் மற்ற சேனல்களை விட மின்னஞ்சலை விரும்புகிறார்கள்.

    ஒருவேளை பாப்-அப்கள் அவ்வளவு மோசமானவை அல்லவா?

    நீங்கள் பாப்-அப்களை வெறுக்க வாய்ப்பு உள்ளது, மேலும் அவ்வாறு செய்வதற்கான உரிமை உங்களுக்கு உள்ளது. நிச்சயமாக, இறங்கும் பக்கத்திற்குச் சென்ற உடனேயே இதுபோன்ற ஒன்றை யார் பார்க்க விரும்புகிறார்கள்:

    அல்லது இது:

    நிறுவனத்தின் செயல்பாட்டுத் துறையைப் பற்றி உங்களுக்குத் தெரியாமல் இருக்கலாம், ஆனால் நீங்கள் ஏற்கனவே பாப்-அப் சாளரங்களில் உங்கள் கழுத்து வரை மூடப்பட்டிருக்கிறீர்கள். மேலே உள்ள எடுத்துக்காட்டுகள் தோல்வியடைந்தன: முதலில், பார்வையாளர் பிராண்டைப் பற்றி மேலும் அறிய விரும்புகிறார், பின்னர் "போக்குவரத்து தலைமுறைக்கான இலவச வழிகாட்டி", "இலவச மின் புத்தகம்" போன்றவற்றைப் பதிவிறக்க வேண்டும். நிச்சயமாக, பெரும்பாலான பயனர்கள் இதுபோன்ற விஷயங்களை வெறுக்கிறார்கள் மற்றும் பிராண்டுடன் மேலும் தொடர்பு கொள்ள மறுப்பதன் மூலம் பதிலளிக்கவும்.

    ஒருவேளை நீங்கள் சிறிது குளிர்ந்து சோதனை முடிவுகளைப் பார்க்க வேண்டும். எண்கள் என்ன சொல்கின்றன? பாப்-அப் மற்றும் பாப்-அப் சலுகையின் "இல்லை, நன்றி" பொத்தானின் பிளவு சோதனையின் தரவு இங்கே உள்ளது.

    உரைபார்வைகளின் எண்ணிக்கைசேகரிக்கப்பட்ட மின்னஞ்சல்களின் எண்ணிக்கைமாற்று விகிதம்
    இல்லை, நன்றி. முழு விலையையும் செலுத்த விரும்புகிறேன் 165 416 9928 6,0%
    எனக்கு இதில் ஆர்வம் இல்லை 165 625 7961 4,81%
    இல்லை நன்றி 165 021 7616 4,62%
    இல்லை 166 072 7433 4,48%

    ஈர்க்கக்கூடியதா? இந்த அணுகுமுறையை திறம்பட பயன்படுத்தும் நிறுவனங்களின் முடிவுகளைப் பார்ப்போம்.

    1. பாப்-அப்களுடன் அனுபவம்

    ஒரு வழக்கமான நாளில், WP தொடக்க சேவையானது சுமார் 70-80 புதிய சந்தாதாரர்களைப் பெறுகிறது. பல்வேறு முறைகள்முன்னணி தலைமுறை. ஆனால் பெரிய சந்தா அடிப்படை, தி மேலும் வெற்றிகரமான வணிகம், எனவே சேவையின் விற்பனையாளர்கள் பாப்-அப்களை பரிசோதிக்க முடிவு செய்தனர்.

    என்ன செய்யப்பட்டது?

    பயனர் தளத்தை விட்டு வெளியேற விரும்பும் போது தோன்றும் பாப்அப் சாளரம் உருவாக்கப்பட்டது. கர்சர் கண்காணிப்பு தொழில்நுட்பங்கள் மற்றும் பிற முறைகள் மூலம் விளைவு அடையப்பட்டது. சாளரம் இப்படி இருந்தது:

    முடிவுகள் என்ன?

    முக்கிய பக்கங்களில் (முழு தளம் அல்ல) பாப்அப்பைப் பயன்படுத்துவதால் பதிவுகள் 660% அதிகரித்தன. அதாவது, 70-80 லீட்களில் இருந்து சேவையானது ஒரு நாளைக்கு 445-470 லீட்களுக்கு மாற்றப்பட்டது - ஒரு தரமான புதிய நிலைக்கு ஒரு பாய்ச்சல்.

    அடுத்த வழக்கு Backlinko இருந்து. செய்திமடலுக்கு குழுசேர்வதற்கான சலுகையுடன் இறங்கும் பக்கத்தில் CTA ஐச் சேர்த்த பிறகு, மாற்றம் 1.73% ஆகக் குறைந்தது - அவசரமாகச் செய்ய வேண்டிய ஒன்று. நிறுவனத்தின் சந்தைப்படுத்துபவர்கள் இறங்கும் பக்கத்தை விட்டு வெளியேற முடிவு செய்த பயனர்களுக்கு முன்னால் தோன்றும் பாப்அப் சாளரத்தை உருவாக்கினர். அது எப்படி இருந்தது என்பது இங்கே:

    பாப்அப் சாளரத்தைப் பயன்படுத்துவதற்கு முன்பு மாற்று விகிதம் சுமார் 1.7% என்பதை நினைவில் கொள்க? பாப்-அப் தொடங்கப்பட்ட 2 நாட்களுக்குப் பிறகு, புள்ளிவிவரங்கள் மாறியது. இரண்டே நாட்களில், மாற்று விகிதம் 1.73% லிருந்து 4.83% ஆக அதிகரித்துள்ளது - 2 மடங்குக்கும் அதிகமாக!

    நிச்சயமாக, ஒரு திறமையான சோதனை 100, 300%, 1300% கூட மாற்றத்தை அதிகரிக்கும் உலகில், இந்த பரிசோதனையின் முடிவுகள் சுமாரானவை. இருப்பினும், இது முற்றிலும் உண்மை இல்லை.

    முதலாவதாக, ஒரு பெரிய சந்தாதாரர் தளத்துடன், சந்தையாளர்கள் தங்கள் பார்வையாளர்களுக்கு பொருத்தமான உள்ளடக்கத்தை உருவாக்கலாம் மற்றும் குறுக்கு விற்பனை முறையை அமைக்கலாம். எனவே, அதிக விற்பனை மற்றும் பிற காரணிகளை கணக்கில் எடுத்துக்கொண்டு, ஒரு தொடர்பு சேவைக்கு சராசரியாக $15 தருகிறது.

    பாப்அப் சாளரங்கள் ஒரு நாளைக்கு 15 கூடுதல் சந்தாதாரர்களைக் கொண்டுவந்தால், தினசரி வருமானம் சராசரியாக $225 ஆகவும், ஆண்டு வருமானம் $82,125 ஆகவும் அதிகரிக்கும். அமைப்புகளைச் சரிபார்த்த 2 நிமிடங்களுக்கு மோசமான வருமானம் இல்லை, இல்லையா?

    பாப்-அப்களை வெறுப்பவர்கள் தவறு என்று தெளிவாகத் தெரிகிறது. ஆனால் மற்ற காரணிகளும் உள்ளன: பவுன்ஸ் வீதம் மற்றும் பயனர் அனுபவத்தில் பாப்-அப்களின் தாக்கம். இது பற்றி என்ன?

    2. பாப்-அப்கள் பயனர் அனுபவத்தையும் பவுன்ஸ் வீதத்தையும் எவ்வாறு பாதிக்கிறது?

    பாப்-அப்பைக் குறிப்பிடும்போது முதல் எண்ணங்களில் ஒன்று தோல்விகளின் எண்ணிக்கையில் அதிகரிப்பு ஆகும், ஏனென்றால் பாப்-அப் சாளரத்தின் தவறு காரணமாக அதிகமான மக்கள் இறங்கும் பக்கத்தை விட்டு வெளியேறுவார்கள், இது முற்றிலும் தர்க்கரீதியானது. இருப்பினும், மேலே உள்ள எடுத்துக்காட்டுகளை நினைவில் கொள்ளுங்கள்: WP தொடக்க சந்தையாளர்கள் இந்த குறிகாட்டியில் எந்த ஏற்ற இறக்கத்தையும் காணவில்லை, அல்லது Backlinko - இரண்டு நிகழ்வுகளிலும் தோல்விகளின் எண்ணிக்கை மாறவில்லை.

    டான் ஜாரெல்லா தனது தனிப்பட்ட இறங்கும் பக்கத்தில் தொடர்ச்சியான சோதனைகளை நடத்திய பிறகு அதே முடிவுக்கு வந்தார், ஒரு பாப்அப் இருப்பது பவுன்ஸ் விகிதங்களில் எந்த தாக்கத்தையும் ஏற்படுத்தவில்லை என்பதைக் கண்டறிந்தார். மாற்றப்பட்ட ஒரே விஷயம் என்னவென்றால், பாப்-அப்களை அகற்றுவதன் மூலம், டான் உள்வரும் லீட்களில் 50% இழந்தார்.

    3. பயனர் அனுபவம் பற்றி என்ன?

    வெளிப்படையாக, பார்வையாளர்கள் கவலைப்படுவதில்லை. WP தொடக்க சந்தையாளர்கள் தங்கள் வாடிக்கையாளர்களிடமிருந்து பாப்அப் சாளரங்களைப் பற்றி ஒரு புகார் கூட பெறவில்லை.

    நீங்கள் இதைப் பற்றி யோசித்துப் பார்த்தால், இது அர்த்தமுள்ளதாக இருக்கும். ஆம், Facebook இலிருந்து ஒரு இணைப்பைப் பயன்படுத்தி ஒரு ஆதாரத்திற்குச் சென்ற பிறகு இதுபோன்ற ஒன்றைப் பார்ப்பது விரும்பத்தகாதது:

    ஆனால் கோபத்தில் தளத்தை விட்டு வெளியேற இது ஒரு காரணம் அல்ல. இதுபோன்ற சந்தர்ப்பங்களில் நீங்கள் வழக்கமாக என்ன செய்வீர்கள்? அது சரி - பாப்அப் சாளரத்தை மூடிவிட்டு, விரும்பிய உள்ளடக்கத்தைத் தேடுவதைத் தொடரவும்.

    மேலும், பாப்-அப்களின் சரியான பயன்பாடு, Vero சேவையின் உதாரணத்தைப் பின்பற்றி, பயனர் அனுபவத்தை மேம்படுத்தலாம். நீங்கள் நிறுத்தினால் முகப்பு பக்கம்மேலும் 30 வினாடிகளுக்குள் நீங்கள் எந்த நடவடிக்கையும் எடுக்க மாட்டீர்கள், மூலையில் ஒரு சாளரத்தைக் காண்பீர்கள்: "இப்போது Vero க்கு குழுசேருவதில் இருந்து உங்களைத் தடுப்பது எது?"

    4. பாப்-அப்கள் மூலம் பயன்பாட்டினை அழிப்பது எப்படி?

    இருப்பினும், உங்கள் இறங்கும் பக்கத்தில் எந்த பாப்-அப் விளம்பரத்தையும் உட்பொதிக்க முடியாது மேலும் அதிக மாற்று விகிதத்தை எதிர்பார்க்கலாம். ஒரு பாப்அப் சாளரம் பக்கத்தில் தனித்து நிற்கவில்லை என்றால், அது குறைந்தபட்சம் பயனற்றது.

    நீங்கள் இறங்கும் பக்கத்தை விட்டு வெளியேற உள்ளீர்கள், பிறகு... பாம்! ஏதோ விசித்திரமானது, பக்கத்தின் நடுவில் CTA பொத்தான் எங்கே தோன்றியது? உண்மையில், இந்த பாப்அப் விண்டோ, பின்னணியில் கலப்பதால், துண்டிக்கப்படாத பக்கத்தில் மிகைப்படுத்தப்பட்டது. மீதமுள்ள பக்கத்திலிருந்து பாப்-அப்களைப் பிரிக்காதபோது, ​​அது உண்மையில் பயனர் அனுபவத்தை அழிக்கிறது.

    பல சந்தைப்படுத்துபவர்கள் பாப்-அப்களைப் பற்றி தவறாக நினைக்கிறார்கள் - அது இன்னும் வேலை செய்கிறது. அதிகபட்ச விளைவை அடைய உங்கள் இறங்கும் பக்கத்தில் பாப்-அப்களை எவ்வாறு பயன்படுத்துவது என்பதை இப்போது நீங்கள் கற்றுக் கொள்வீர்கள்.

    5. பயனுள்ள பாப்-அப்களை உருவாக்கவும்

    பாப்-அப்களை உருவாக்கத் தொடங்கும் முன், அவற்றின் முக்கிய வகைகளைப் பார்ப்போம். பாப்அப் சாளரங்களில் இரண்டு முக்கிய வகைகள் உள்ளன:

  • பெரிய ஜன்னல்கள் (ஓவர்லேஸ்).
  • பக்கத்தை உருட்டுவதன் விளைவாக பாப் அப் செய்யும் விண்டோஸ்.
  • மேலடுக்குகள்

    அவை மேலே உள்ள உதாரணத்தைப் போலவே இருக்கும். அத்தகைய ஜன்னல்கள் முழு திரையையும் மறைத்து, பின்னணியை இருட்டாக்குகின்றன. பாப்-அப் என்பது பயனருக்குத் தெளிவாகத் தெரியும் பக்கத்தில் உள்ள ஒரே உறுப்பு சமீபத்தில்இந்த வடிவத்தில் பாப்-அப் சாளரங்களைப் பயன்படுத்துவதற்கான ஒரு போக்கு உள்ளது.

    நன்கு அறியப்பட்ட சந்தைப்படுத்துபவர் டான் ஸரெல்லாவும் பின்னணி-இருட்டாக்கும் மேலடுக்குகளைப் பயன்படுத்துகிறார், ஆனால் சாளரமே வழக்கத்தை விட மிகச் சிறியது:

    பக்கத்தை உருட்டுவதன் விளைவாக பாப் அப் செய்யும் விண்டோஸ்

    பக்கத்தில் ஒரு குறிப்பிட்ட நிலைக்கு பயனர் உருட்டும் போது இந்த வகையான பாப்-அப்கள் தோன்றும் - பெரும்பாலும் இந்த வடிவம்வலைப்பதிவுகளில் பயன்படுத்தப்படுகிறது மற்றும் இது மிகவும் பயனுள்ளதாக இருக்கும். பக்கத்தின் பாதியில் ஸ்க்ரோல் செய்த பிறகு, இது போன்ற ஒன்றை நீங்கள் காண்பீர்கள்:

    நீங்கள் பயன்படுத்தும் மென்பொருள் அல்லது செருகுநிரலைப் பொறுத்து, ஸ்க்ரோல் டெப்த் மூலம் பரிசோதனை செய்யலாம்—பாப்அப்பைப் பார்க்க பயனர் எவ்வளவு தூரம் செல்ல வேண்டும். கூடுதலாக, தளத்தில் பயனர் செலவழித்த நேரத்தின் அடிப்படையில் பாப்-அப்களின் தோற்றத்தை நீங்கள் அமைக்கலாம்.

    CTA இல் உள்ள உள்ளடக்கத்தைப் போலவே பாப்-அப் சாளரங்களில் உள்ள தலைப்புகள், புல உரைகள் மற்றும் பொத்தான்களுக்கும் அதே தேவைகள் பொருந்தும். எல்லாவற்றிற்கும் மேலாக, பாப்-அப்கள் செயலுக்கான அழைப்பின் கூறுகள், இதன் நோக்கம் பார்வைகள்/சந்தாதாரர்கள்/முன்னணிகளை அதிகரிப்பதாகும்.

    6. சிறந்த நேரம்பாப்-அப்களைக் காட்ட

    சோதனை மேலடுக்குகளைப் பற்றி பேசினால், SumoMe சேவை பின்வரும் தரவைச் சேகரித்துள்ளது: இன்று பார்வையாளர் இறங்கும் பக்கத்திற்குச் சென்ற 5 வினாடிகளுக்குப் பிறகு உகந்த நேரம்.

    whichTestWon வெவ்வேறு புள்ளிவிவரங்களை வழங்குகிறது. சோதனைகளின் போது, ​​பயனர் தரையிறங்கிய 15, 30 மற்றும் 45 வினாடிகளில் மேலடுக்குகளின் தோற்றம் சரிபார்க்கப்பட்டது, மேலும் முதல் விருப்பம் உகந்த முடிவைக் காட்டியது: 15 வினாடிகளுக்குப் பிறகு ஒரு சாளரத்தின் தோற்றம் 30 வினாடிகள் கொண்ட விருப்பத்தை விட 11% அதிக செயல்திறன் கொண்டது. , மற்றும் தரையிறங்கிய 45 வினாடிகளில் விருப்பத்தை விட 50% அதிக செயல்திறன் கொண்டது.

    ஆனால் நினைவில் கொள்ளுங்கள் - ஒரு சாளரம் தோன்றுவதற்கு சிறந்த நேரம் இல்லை, ஏனென்றால் ஒவ்வொரு குறிப்பிட்ட விஷயத்திலும் சோதனைகள் அவசியம். பாப்-அப்களின் அதிர்வெண் பற்றிய கேள்விக்கும் இது பொருந்தும். எளிமையாகச் சொன்னால், பிறரின் ஆதாரங்களில் இருந்து வரும் புள்ளிவிவரங்கள் உங்கள் சொந்த சோதனையைச் செய்ய உங்களைத் தூண்டலாம், ஆனால் போலியான ஒரு பொருளாக இருக்கக்கூடாது - சோதனை.

    இன்று நாம் உங்கள் வலைத்தளத்திற்கான பாப்அப் சாளரத்தை எவ்வாறு உருவாக்குவது என்பது பற்றி பேசுவோம். இப்போது இந்த முறைமிகவும் பிரபலமானது, ஆனால் அதன் செயலாக்கத்திற்கான பெரும்பாலான தீர்வுகள் செலுத்தப்படுகின்றன. ஒரு இடுகையின் உள்ளே மிகவும் அழகாக இல்லாத சாளரத்தின் உதாரணம் (ஆனால் இது ஒரு உதாரணம் மட்டுமே)...

    இந்த பதிவில் இப்படி ஒரு பாப்அப் விண்டோவை எப்படி உருவாக்குவது என்று கற்றுக்கொள்வோம். எளிய, வேகமான, பயனுள்ள மற்றும் மிக முக்கியமாக இலவசம்!

    எந்த பாப்அப் விண்டோவும் இரண்டு பகுதிகளைக் கொண்டுள்ளது. முதலாவது பொதுவான பின்னணியை இருட்டடிப்பு செய்கிறது. இரண்டாவது சாளரம் தானே. சாளரம் பொதுவாக தலைப்பு, உரை மற்றும் சந்தா படிவமாக பிரிக்கப்படுகிறது. குறிப்பிட்ட கட்டமைப்பை கணக்கில் எடுத்துக்கொண்டு, எங்கள் சாளரத்திற்கான தளத்தை தயார் செய்வோம்.

    எங்களிடம் உள்ளது:
    fs_popup_bg - தளத்தை மங்கச் செய்தல்;
    fs_popup - சாளரமே;
    fs_popup_head - சாளர தலைப்பு;
    fs_content - சாளரத்தின் உள்ளடக்கம், இரண்டு பகுதிகளாக பிரிக்கப்பட்டுள்ளது;

    இப்போது தேவையான பாணிகளை எழுதுவோம்.

    #fs_popup_bg (z-index:9999; இடது:0; மேல்:0; நிலை:நிலை; அகலம்:100%; உயரம்:100%; பின்னணி:rgba(0,0,0,0.9); ) #fs_popup (விளிம்பு: 10% 20%; பார்டர்: 5px திணிப்பு: 1px 10px 10px; fs_content_right

    எங்கள் பாப்அப் சாளரத்தின் பாணிகளை விரைவாகப் பார்ப்போம்.
    #fs_popup_bg- எங்கள் பின்னணி கருப்பு மற்றும் கிட்டத்தட்ட ஒளிபுகா (0.9), மேல் இடது மூலையில் அமைந்திருக்கும் மற்றும் திரையின் முழுப் பகுதியையும் ஆக்கிரமிக்கும் என்பதைக் குறிக்கிறது. இந்த வழக்கில், தனிமத்தின் ஆழம் அல்லது மற்ற உறுப்புகளை விட அதன் உயரம் மிகப் பெரியதாக இருக்கும் (நிச்சயமாக மற்றவர்களை விட அதிகமாக).
    #fs_popup- சாளரம் பின்னணிக்கு மேலே ஒரு மட்டத்தில் இருக்கும் என்பதைக் குறிக்கிறது (இல்லையெனில் நாம் அதைப் பார்க்க மாட்டோம்). அதன் பரிமாணங்கள் 600px x 300px ஆக வட்டமான மூலைகள் மற்றும் சிவப்பு விளிம்புடன் இருக்கும்.
    .fs_content_left, .fs_content_right- தொகுதிகள் இடதுபுறமாக அழுத்தப்பட்டிருப்பதை எங்களிடம் கூறுகிறது (அவற்றின் இருப்பிடத்திற்கு அதே மட்டத்தில் அவசியம்), அவற்றில் உள்தள்ளல்கள் மற்றும் ஏரியல் எழுத்துரு உள்ளது.

    உள்ளடக்கத்துடன் எங்கள் சாளரத்தை நிரப்புவோம்:

    மூடுஇந்த பதிவில் இப்படி ஒரு பாப்அப் விண்டோவை எப்படி உருவாக்குவது என்று கற்றுக்கொள்வோம். எளிய, வேகமான, பயனுள்ள மற்றும் மிக முக்கியமாக இலவசம்! சீக்கிரம், உங்கள் மின்னஞ்சலை உள்ளிட்டு சிலவற்றைப் பெறுங்கள்!*

    பயனுள்ள தகவல்
    உங்கள் மின்னஞ்சல்:

    * - இந்தப் புலம் செயலில் இல்லை. "குழுசேர்" பொத்தானைக் கிளிக் செய்வதன் மூலம், விளம்பரப் பொருட்களை பெருமளவில் அஞ்சல் செய்யும் நோக்கத்திற்காக உங்கள் முகவரியைப் பயன்படுத்த ஒப்புக்கொள்கிறீர்கள். மேலும் உங்கள் கார், அபார்ட்மெண்ட் மற்றும் உங்கள் வருமானத்தில் 10% ஆகியவற்றை தளத்தின் ஆசிரியருக்கு வழங்குகிறீர்கள்.

    #fs_popup_bg (z-index:9999999999998; இடது:0; மேல்:0; நிலை:நிலை: அகலம்:100%; உயரம்:100%; பின்னணி:rgba(0,0,0,0.9); ) #fs_popup (விளிம்பு: 10% 20%; 9999999999; அகலம் உரை-அலங்காரம்: அடிக்கோடு; ) .fs_content_left (அகலம்: 370px; நிறம்: #FFF; எழுத்துரு அளவு: 17px; வரி-உயரம்: 17px; எழுத்துரு-குடும்பம்: ஏரியல்; -அளவு: 7px; கோடு-உயரம்: 7px;

    உயரம்: 35px; பின்னணி: #FFFF00;கர்சர்: சுட்டி;
    நிறம்: #000;
    )
    அடிப்படையில் அவ்வளவுதான். இருந்து பார்க்க முடியும் ஜாவாஸ்கிரிப்ட் உதாரணம்பாப்-அப் சாளரத்திற்கு, இது இரண்டு சந்தர்ப்பங்களில் அவசியம்:

    1) எங்கள் சாளரத்தை மூடும் நிகழ்வு;

    2) "குழுசேர்" பொத்தானைக் கிளிக் செய்வதற்கான நிகழ்வு;

    இந்தச் சாளரம் காட்டப்பட்டுள்ளதா என்பதைச் சரிபார்ப்பதும் வலிக்காது

    இந்த கணினி

    . குக்கீகளுடன் பணிபுரிவது இந்த நோக்கங்களுக்காக மிகவும் பொருத்தமானது.

    பாப்-அப் சாளரங்கள் என்று பிரபலமாக அழைக்கப்படும் மாதிரி பாப்-அப் சாளரங்களை உருவாக்குவதைப் பார்ப்போம்.

    WordPress இல் பாப்-அப் (மாதிரி) விண்டோக்களை உருவாக்குவது பற்றி பேசினோம்.

    இந்த எடுத்துக்காட்டில், நீங்கள் ஒரு பொத்தானை (உரை) கிளிக் செய்யும் போது மாதிரி சாளரங்கள் தோன்றும் மற்றும் நீங்கள் மாதிரி சாளரத்தை கடந்த எந்த பகுதியில் கிளிக் செய்யும் போது அல்லது நீங்கள் ஒரு முக்கிய வார்த்தையில் கிளிக் செய்யும் போது மறைந்துவிடும்.
    ஃபேட்இன் ஸ்கிரிப்ட்டில் உள்ள மதிப்புகளை மாற்றுவதன் மூலம், பாப்-அப் மாதிரி சாளரத்தின் தொடக்க வேகத்தை அதிகரிக்கலாம் அல்லது குறைக்கலாம், மேலும் ஃபேட்அவுட் மூடும் வேகத்தை அதிகரிக்கலாம் அல்லது குறைக்கலாம்.

    வேலை செய்ய, நீங்கள் jQuery நூலகத்தைச் சேர்க்க வேண்டும்.
    நீங்கள் கீழே ஒரு டெமோ உதாரணத்தைப் பார்க்கலாம் மற்றும் பதிவிறக்கலாம்.

    YES Wordpress-club.com CSS .fond ( நிலை: முழுமையானது -தடுப்பு: 10px; எழுத்துரு குடும்பம் உரை-அமைவு: 10px; திடம் myfond_gris (காட்சி: எதுவுமில்லை; பின்னணி-நிறம்:#000000; ஒளிபுகாநிலை:0.7; அகலம்:100%;

    உயரம்:100%;

    © 2024 ermake.ru -- PC பழுது பற்றி - தகவல் போர்டல்