Cara Buat Halaman Subs to Unlock

subs to unlock

Subs to Unlock

Cara Buat Halaman Subs to Unlock. Menyediakan halaman berlangganan untuk membuka konten (subscribe to unlock) bisa menjadi cara untuk mengumpulkan pelanggan atau pengguna yang berminat. Namun, penting untuk diingat bahwa pendekatan ini harus dilakukan dengan etika dan kepatuhan terhadap hukum privasi serta ketentuan layanan platform yang Anda gunakan. Berikut adalah langkah-langkah umum yang dapat Anda pertimbangkan:


Tentukan Platform dan Konten:

Pilih platform tempat Anda akan membagikan konten berlangganan dan pastikan jenis konten yang ingin Anda lindungi atau buka setelah pelanggan berlangganan.


Buat Akun Pembayaran

Anda perlu memiliki cara untuk menerima pembayaran dari pelanggan. Mendaftar pada penyedia layanan pembayaran seperti Stripe, PayPal, atau platform pembayaran lainnya bisa menjadi solusi.


Integrasikan Sistem Pembayaran

Integrasikan sistem pembayaran yang Anda pilih dengan platform atau situs web Anda. Pastikan sistem ini dapat bekerja secara otomatis untuk memberikan akses setelah pembayaran berhasil.


Buat Halaman Berlangganan

Buat halaman khusus atau modifikasi halaman konten Anda untuk menampilkan informasi tentang berlangganan. Beri tahu pengguna bahwa mereka perlu berlangganan untuk membuka konten tertentu.


Tawarkan Nilai Tambah

Berikan insentif kepada pelanggan untuk berlangganan. Ini bisa berupa konten eksklusif, diskon, atau manfaat khusus lainnya yang membuat berlangganan menjadi lebih menarik.


Atur Tautan Berlangganan

Letakkan tautan atau tombol berlangganan yang mencolok pada halaman Anda. Pastikan untuk menjelaskan dengan jelas apa yang akan diterima pelanggan setelah berlangganan.


Kelola Akses

Pastikan sistem Anda dapat mengelola akses ke konten setelah pembayaran berhasil. Ini bisa berupa memberikan akses langsung atau mengirimkan tautan akses khusus ke pelanggan.


Perhatikan Kebijakan Privasi

Pastikan Anda mematuhi kebijakan privasi dan regulasi terkait. Berikan informasi yang jelas tentang bagaimana data pelanggan akan digunakan dan dijaga.


Uji Sistem

Sebelum meluncurkan secara penuh, uji sistem Anda untuk memastikan bahwa semua proses berlangganan dan akses berjalan dengan lancar.


Pantau Kinerja

Pantau kinerja halaman berlangganan dan lihat apakah ada aspek yang perlu ditingkatkan. Dengarkan umpan balik pelanggan dan beradaptasi jika diperlukan.


Ingatlah untuk selalu bertindak secara etis dan transparan dalam melakukan praktik-praktik bisnis ini serta mematuhi peraturan hukum yang berlaku.


Cara buat halaman subs to unlock di blogspot 

Pertama ke edit html pastekan link dibawah ini di bawah head

<link href='https://use.fontawesome.com/releases/v5.0.10/css/all.css' rel='stylesheet'/>

submit css berikut ini di bawah style

#sociallocker {
	background-color: #EEEEEE;
	text-align: center;
	position: relative;
	max-width: 500px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius:10px;
}
#sociallocker-overlay {
	background-color: rgba(0,0,0,0.6);
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	transition: all 0.2s ease;
}
#sociallocker-overlay i {
	margin-right: 10px;
}
#sociallocker:hover #sociallocker-overlay {
	top: -100%;
	transition: all 0.2s linear;
}
#sociallocker:hover #sociallocker-content {
	top: 100%;
	transition: all 0.2s linear;
}
#sociallocker-content a {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	background-color: #777777;
	color: #f9f9f9;
	border-radius: 4px;
	font-weight: bold;
}
#sociallocker-overlay,
#sociallocker-content,
#sociallocker-links {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}
#sociallocker-content {
	background-color: #ccc;
	transition: all 0.2s ease;
}
.social-1 {
	text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
	margin-right: 5px;
}
.social-1 i {
	display: flex;
  	align-items: center;
  	justify-content: center;
    height: 100%;
}
.social-1:hover i {
	background-color: rgba(0,0,0,0.1);
    transform: scale(1.2);
    transition: all 0.2s;
}
.fb { background-color: #4561A8; }
.tw { background-color: #17ADEA; }
.gp { background-color: #BF3B28; }
.in { background-color: #1679B1; }
.pi { background-color: #D9303C; }
.su { background-color: #E84930; }

selanjutnya save javascriptnya di atas /body

<script>
(function() {
	var sl = document.querySelector("#sociallocker");
	var slc = document.querySelector("#sociallocker-content");
	if (!sl) return;
	var old_slc_html = slc.innerHTML;
	slc.innerHTML = slc.innerHTML.replace(/(href=")(.*)(\")/g, "href=\"#\"");
	sl.querySelectorAll("#sociallocker-links a").forEach(function(ele) {
		ele.onclick = function(e) {
			var web_window = window.open(this.href, 'Share Link', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600,top=' + (screen.height/2 - 300) + ',left=' + (screen.width/2 - 300));
			var check_window_close = setInterval(function() { 
				if (web_window.closed) {
					clearInterval(check_window_close);
					slc.innerHTML = old_slc_html;
					document.querySelector("#sociallocker-links").style.display = "none";
					document.querySelector("#sociallocker-overlay").style.display = "none"; 
					document.querySelector("#sociallocker-content").style.top = "0";
				}
			}, 1000);
			e.preventDefault();
		};
	});
})();
</script>

Selanjutnya untuk memunculkan halaman subs for unlock sisipkan perintah berikut ini dihalaman page atau di bawah artikel ente dimode html

 
<div id="sociallocker">
	<div id="sociallocker-links">
		<a class="social-1 fb" href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
		<a class="social-1 tw" href="#"><i class="fab fa-twitter"></i></a>
		<a class="social-1 gp" href="#"><i class="fab fa-google-plus-g"></i></a>
		<a class="social-1 in" href="#"><i class="fab fa-linkedin-in"></i></a>
		<a class="social-1 pi" href="#"><i class="fab fa-pinterest-p"></i></a>
		<a class="social-1 su" href="#"><i class="fab fa-stumbleupon"></i></a>
	</div>
	<div id="sociallocker-content">
		<a href="http://google.com">Download Now</a>
	</div>
	<div id="sociallocker-overlay"><i class="fas fa-lock"></i>Unlock content with a social share.</div>
</div>

Tutorial video cara membuat halaman subs to unlock


LihatTutupKomentar