How do I install an eSIM on iPhone?

* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.6; color: #333; background-color: #f8fafc; } .container { max-width: 1000px; margin: 0 auto; /* padding: 20px; */ } .b_header { text-align: center; margin-bottom: 40px; padding: 20px 0; background: linear-gradient(135deg, #0F67FA, #2980ff); border-radius: 8px; color: white; box-shadow: 0 10px 30px rgba(15, 103, 250, 0.3); } .b_header h1 { font-size: 30px; margin-bottom: 10px; font-weight: 700; } .b_header p { font-size: 1.1rem; opacity: 0.9; } .section { background: white; border-radius: 12px; padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .section-title { font-size: 1.8rem; color: #0F67FA; margin-bottom: 20px; font-weight: 600; border-bottom: 3px solid #0F67FA; padding-bottom: 10px; } /* Tab System */ .tab-container { margin-bottom: 30px; } .tab-buttons { display: flex; border-bottom: 2px solid #e2e8f0; margin-bottom: 30px; } .tab-button { position: relative; flex: 1; width: 50%; } .tab-button:last-child .tab-label { margin-right: 0; } .tab-button:last-child>.tab-content { margin-left: -100%; } .tab-input:checked~.tab-content { display: block; } .tab-input { display: none; } .tab-label { display: block; padding: 15px 30px; cursor: pointer; background: #f1f5f9; border: none; font-size: 1rem; font-weight: 500; color: #64748b; transition: all 0.3s ease; border-radius: 8px; margin-right: 4px; text-align: center; } .tab-label:hover { background: #e2e8f0; color: #0F67FA; } .tab-input:checked+.tab-label { background: #0F67FA; color: white; box-shadow: 0 -2px 10px rgba(15, 103, 250, 0.2); } .tab-content { display: none; animation: fadeIn 0.3s ease-in; width: 200%; } .tab-input:checked~.tab-content { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* Method Sections */ .method-section { margin-bottom: 40px; } .method-title { font-size: 1.4rem; color: #0F67FA; margin-bottom: 20px; font-weight: 600; display: flex; align-items: center; gap: 10px; padding: 15px 20px; background: #f8fafc; border-radius: 10px; border-left: 4px solid #0F67FA; } .method-title::before { content: "📋"; font-size: 1.2rem; } /* Steps */ .steps { counter-reset: step-counter; } .step { counter-increment: step-counter; margin-bottom: 30px; padding: 25px; background: #f8fafc; border-radius: 12px; /* border-left: 2px solid #0F67FA; */ position: relative; } .step::before { content: counter(step-counter, decimal-leading-zero); position: absolute; left: -2px; top: -10px; background: #0F67FA; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem; } .step h3 { color: #0F67FA; margin-bottom: 10px; font-size: 1.2rem; margin-left: 20px; } .step p { margin-bottom: 15px; color: #4a5568; margin-left: 20px; } .step-image { /* width: 100%; */ background: #e2e8f0; border-radius: 8px; box-sizing: border-box; padding: 20px 0; display: flex; align-items: center; justify-content: center; color: #64748b; /* border: 2px dashed #cbd5e0; */ } .step-image>img { width: 200px; } .qr-code { width: 200px; height: 200px; background: #f1f5f9; border: 2px dashed #0F67FA; display: flex; align-items: center; justify-content: center; margin: 20px auto; border-radius: 8px; color: #0F67FA; font-weight: 500; } .warning { background: #fef3cd; border: 1px solid #facc15; border-radius: 8px; padding: 15px; margin: 20px 0; color: #92400e; } .warning::before { content: "⚠️ "; font-weight: bold; } .info { background: #dbeafe; border: 1px solid #0F67FA; border-radius: 8px; padding: 15px; margin: 20px 0; color: #1e40af; } .info::before { content: "ℹ️ "; font-weight: bold; } .button { background: #0F67FA; color: white; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 500; cursor: pointer; transition: background 0.3s ease; display: inline-block; text-decoration: none; margin: 10px 0; } .button:hover { background: #0d5ce8; } .input-group { margin: 15px 0 15px 20px; } .input-group label { display: block; margin-bottom: 5px; font-weight: 500; color: #374151; } .input-group input { width: 100%; max-width: 400px; padding: 10px; border: 2px solid #e2e8f0; border-radius: 6px; font-size: 1rem; } .input-group input:focus { outline: none; border-color: #0F67FA; } @media (max-width: 768px) { .container { padding: 10px 10px; } .b_header h1 { font-size: 2rem; } .tab-label { padding: 12px 20px; font-size: 0.9rem; } .method-buttons { flex-direction: column; } .section { padding: 10px; } .step { padding: 15px; } .step-image { max-width: 100%; padding: 10px 0; } .step-image>img { width: 70%; } }Go to the Settings page on your iPhone, then tap Cellular.Tap the Add eSIM button.Select "Use QR Code" installation method.This method is suitable for users with only one iPhone device, or when you cannot display images or use photo album scanning: If you have an iPhone running iOS 17.4 or later and received the eSIM installation QR code via email or order details, press and hold the QR code image to automatically recognize it, then tap Add eSIM.Scan the QR code from your email or order details page, tap Continue, and wait a moment. Your eSIM will install automatically, which may take a few minutes. Then, tap Done.Tap Continue to start the eSIM.eSIM installation is complete (it will automatically activate upon arrival at your destination and start counting usage days).Important Notes:Before you depart, please keep your QR code or activation details safe &mdash; you might need them for reinstallation.If you continue to experience installation failures after multiple attempts, please reach out to our customer support via email or WhatsApp.Make sure your device stays connected to the internet throughout the installation process.