File: /home/www/torresncgolf/wp-content/plugins/email-subscribers/lite/admin/partials/onboarding.php
<?php
$onboarding_step = IG_ES_Onboarding::get_onboarding_step();
$current_year = gmdate( 'Y' );
$admin_email = get_option( 'admin_email' );
$from_name = get_option( 'ig_es_from_name' );
$from_email = get_option( 'ig_es_from_email' );
?>
<!-- Start-IG-Code -->
<div class="mx-auto mt-6 sm:mt-5">
<img src="<?php echo esc_url( ES_PLUGIN_URL . 'lite/admin/images/icegram_logo.svg' ); ?>" class="mx-auto h-7" alt="Icegram" />
</div>
<!-- End-IG-Code -->
<div id="slider-wrapper font-sans">
<div id="slider">
<div class="sp es-send-email-screen<?php echo esc_attr( 1 === $onboarding_step ? ' active' : '' ); ?>" style="<?php echo esc_attr( 1 === $onboarding_step ? '' : 'display:none' ); ?>">
<section class="mx-auto my-6 sm:my-7">
<div
class="w-full h-full overflow-hidden bg-white lg:flex md:rounded-lg md:shadow-xl md:mx-auto lg:max-w-3xl xl:max-w-4xl"
>
<div class="relative hidden w-1/4 overflow-hidden bg-blue-300 lg:block">
<svg
class="absolute object-cover w-full top-8"
viewBox="0 0 128 172"
xmlns="http://www.w3.org/2000/svg"
>
<g fill="none" stroke="#fff" stroke-width="20">
<circle cx="64" cy="84" opacity=".15" r="70"></circle>
<circle cx="64" cy="84" opacity=".15" r="35"></circle>
</g>
</svg>
<img
src="<?php echo esc_url( ES_PLUGIN_URL . 'lite/admin/images/anne-email-suggestion.svg' ); ?>"
class="absolute object-cover w-full px-3 bottom-2"
/>
</div>
<div class="flex-1">
<div class="p-4 md:px-8 md:py-5">
<span class="text-xs text-gray-400"><?php echo esc_html__( 'STEP 1 of 3', 'email-subscribers' ); ?> </span>
<h3
class="mb-1 text-2xl font-bold leading-snug text-gray-800 sm:text-3xl"
>
<?php echo esc_html__( 'Welcome!', 'email-subscribers' ); ?>
</h3>
<form id="es-send-email-form">
<div class="space-y-5 text-gray-800">
<p class="text-base -mb-2">
<?php
echo esc_html__(
'We\'ve simplified and automated email marketing, so you can get
results quickly.',
'email-subscribers'
);
?>
</p>
<div class="space-y-1">
<h3 class="text-base font-medium text-gray-900"><?php echo esc_html__( 'Essentials:', 'email-subscribers' ); ?></h3>
<div
class="space-y-2 text-sm sm:space-y-0 sm:space-x-4 sm:flex sm:items-center"
>
<div class="w-full sm:w-1/2">
<label for="es_from_name"><?php echo esc_html__( '"From" name for emails: ', 'email-subscribers' ); ?></label>
<input
id="es_from_name" name="es_from_name" value="<?php echo esc_attr( $from_name ); ?>" required
class="es_from_name block w-full mt-1 text-sm transition duration-150 ease-in-out rounded-md shadow-sm form-input sm:leading-5"
placeholder="Name" autocomplete="nope"
/>
</div>
<div class="w-full sm:w-1/2">
<label for="es_from_email"><?php echo esc_html__( '"From" email: ', 'email-subscribers' ); ?></label>
<input type="email"
id="es_from_email" name="es_from_email" value="<?php echo esc_attr( $from_email ); ?>" required
class="es_from_email es_onboard_email block w-full mt-1 text-sm transition duration-150 ease-in-out rounded-md shadow-sm form-input sm:leading-5"
placeholder="name@domain.com" autocomplete="nope"
/>
</div>
</div>
</div>
<div class="">
<h3 class="text-base font-medium text-gray-900">
<?php echo esc_html__( 'Email delivery testing:', 'email-subscribers' ); ?>
</h3>
<p class="text-sm leading-6 pt-1">
<?php
echo esc_html__(
'Add a couple of your own email addresses below. We will add
them to your audience lists.',
'email-subscribers'
);
?>
</p>
<div
class="my-2 space-y-2 sm:my-0 sm:space-y-0 sm:space-x-4 sm:flex sm:items-center"
>
<div class="w-full sm:w-1/2">
<input type="email"
name="es_test_email[]"
required
class="es_email es_onboard_email block w-full text-sm transition duration-150 ease-in-out rounded-md shadow-sm form-input sm:leading-5"
placeholder="name@domain.com" autocomplete="nope"
/>
</div>
<div class="w-full sm:w-1/2">
<input type="email"
name="es_test_email[]"
class="es_email es_onboard_email block w-full text-sm transition duration-150 ease-in-out rounded-md shadow-sm form-input sm:leading-5"
placeholder="name@domain.com" autocomplete="nope"
/>
</div>
</div>
</div>
<div class="space-y-1 leading-5">
<h3 class="text-base font-medium text-gray-900 -mb-0.5"><?php echo esc_html__( 'Your preferences:', 'email-subscribers' ); ?></h3>
<!-- Start-IG-Code -->
<?php if ( ! ES()->is_premium() ) { ?>
<div class="flex pt-1">
<div class="pt-1">
<input
id="es_allow_tracking"
type="checkbox"
checked="checked"
class="w-4 h-4 transition duration-150 ease-in-out form-checkbox"
/>
</div>
<div class="pl-3">
<label for="es_allow_tracking" class="text-sm">
<?php
/* translators: %s. Plugin name. */
echo sprintf( esc_html__( 'Help us to improve %s by opting in to share non-sensitive plugin usage data. No personal data is tracked or stored.', 'email-subscribers' ), '<strong>Icegram Express</strong>' );
?>
</label>
</div>
</div>
<?php } ?>
<!-- End-IG-Code -->
<div class="flex">
<div class="pt-1">
<input
id="ig_es_enable_double_optin"
type="checkbox"
checked="checked"
class="w-4 h-4 transition duration-150 ease-in-out form-checkbox"
/>
</div>
<div class="pl-3">
<label for="ig_es_enable_double_optin" class="text-sm">
<?php
echo esc_html__(
'Enable double opt-in (people have to click a confirmation
link in email before they\'re subscribed)',
'email-subscribers'
);
?>
</label>
</div>
</div>
<div class="flex">
<div class="pt-1">
<input
id="ig_es_add_gdpr_consent"
type="checkbox"
class="w-4 h-4 transition duration-150 ease-in-out form-checkbox"
/>
</div>
<div class="pl-3">
<label for="ig_es_add_gdpr_consent" class="text-sm">
<?php echo esc_html__( 'Add GDPR consent in subscription forms', 'email-subscribers' ); ?>
</label>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="px-4 py-3 text-right bg-gray-50 md:px-8 -mt-5">
<button
type="button" id="es-button-send"
class="es-button-send relative inline-flex items-center px-4 py-2 text-base font-medium leading-5 text-white bg-indigo-800 border border-transparent rounded-md hover:bg-indigo-600 focus:outline-none focus:shadow-outline"
>
<?php echo esc_html__( 'Ok, set it up for me →', 'email-subscribers' ); ?>
</button>
</div>
</div>
</div>
</section>
</div>
<div class="sp es-delivery-check<?php echo esc_attr( 2 === $onboarding_step ? ' active' : '' ); ?>" style="<?php echo esc_attr( 2 === $onboarding_step ? '' : 'display:none' ); ?>">
<section class="mx-auto my-6 sm:my-7">
<div
class="w-full h-full overflow-hidden bg-white lg:flex md:rounded-lg md:shadow-xl md:mx-auto lg:max-w-3xl xl:max-w-4xl">
<div class="relative hidden w-1/4 overflow-hidden bg-pink-200 lg:block">
<svg
class="absolute object-cover w-full animate animate-pulse top-8"
viewBox="0 0 128 172"
xmlns="http://www.w3.org/2000/svg"
>
<g fill="none" stroke="#fff" stroke-width="20">
<circle cx="64" cy="84" opacity=".25" r="70"></circle>
<circle cx="64" cy="84" opacity=".15" r="35"></circle>
</g>
</svg>
<img
src="<?php echo esc_url( ES_PLUGIN_URL . 'lite/admin/images/anne-working.svg' ); ?>"
class="absolute object-cover w-full px-3 bottom-2"
/>
</div>
<div class="flex-1">
<div style="height:33.2rem" class="p-4 md:px-8 md:py-5">
<span class="text-xs text-gray-400"><?php echo esc_html__( 'STEP 2 of 3', 'email-subscribers' ); ?> </span>
<h3
class="mb-2 text-2xl font-bold leading-snug text-gray-800 sm:text-3xl"
>
<?php echo esc_html__( 'Hold on, personalizing for you...', 'email-subscribers' ); ?>
</h3>
<div class="space-y-4 text-gray-800">
<p class="text-base">
<?php
echo esc_html__(
'We\'ll create audience lists, campaigns and a subscription form.
And then try to send a test email to make sure everything works.',
'email-subscribers'
);
?>
</p>
<ul class="space-y-4 text-sm font-medium leading-5 text-gray-400">
<li id="ig-es-onboard-create_default_lists" class="flex items-start space-x-3 group">
<div class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5">
<span class="animate-ping absolute w-4 h-4 bg-indigo-200 rounded-full"></span>
<span class="relative block w-2 h-2 bg-indigo-700 rounded-full"></span>
</div>
<p class="text-sm text-indigo-800">
<?php
/* translators: 1: Main List 2: Test List */
echo sprintf( esc_html__( 'Creating audience lists - %1$s & %2$s', 'email-subscribers' ), esc_html( IG_MAIN_LIST ), esc_html( IG_DEFAULT_LIST ) );
?>
</p>
</li>
<li id="ig-es-onboard-create_contacts_and_add_to_list" class="flex items-start space-x-3 group">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm">
<?php echo esc_html__( 'Subscribing you and ', 'email-subscribers' ); ?>
<span id="es_onboarding_emails_list"></span>
<?php echo esc_html__( ' to these lists', 'email-subscribers' ); ?>
</p>
</li>
<li id="ig-es-onboard-create_default_newsletter_broadcast" class="flex items-start space-x-3 group">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm"><?php echo esc_html__( 'Creating a campaign - newsletter broadcast test', 'email-subscribers' ); ?></p>
</li>
<!-- Start-IG-Code -->
<li id="ig-es-onboard-create_default_post_notification" class="flex items-start space-x-3 group" id="es_create_post_notification">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm"><?php echo esc_html__( 'Creating a campaign - new post notification test', 'email-subscribers' ); ?></p>
</li>
<!-- End-IG-Code -->
<li id="ig-es-onboard-create_default_subscription_form" class="flex items-start space-x-3 group">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm"><?php echo esc_html__( 'Creating a subscription opt-in form for the Main list', 'email-subscribers' ); ?></p>
</li>
<li id="ig-es-onboard-add_widget_to_sidebar" class="flex items-start space-x-3 group">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm">
<?php
echo esc_html__(
'Adding the form to an active sidebar, so you can show it on
the site',
'email-subscribers'
);
?>
</p>
</li>
<li id="ig-es-onboard-email-delivery" class="flex items-start space-x-3 group" style="display:none;">
<div class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5">
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<div>
<p class="text-sm"><span class="ig-es-mark"><?php echo esc_html__( 'Setting up Icegram email sending service', 'email-subscribers' ); ?></span></p>
<ul class="mt-3 space-y-2 font-normal sm:space-y-3" id="ig-es-onboard-email-delivery-tasks-list">
<li id="ig-es-onboard-create_ess_account" class="flex items-start space-x-3 group">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm"><?php echo esc_html__( 'Creating your account', 'email-subscribers' ); ?></p>
</li>
<li id="ig-es-onboard-send_test_email" class="flex items-start space-x-3 group">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm"><?php echo esc_html__( 'Sending a test email', 'email-subscribers' ); ?></p>
</li>
<li id="ig-es-onboard-confirm_email_delivery" class="flex items-start space-x-3 group">
<div
class="relative pt-1 flex items-center justify-center flex-shrink-0 w-5 h-5"
>
<span
class="block w-2 h-2 transition duration-150 ease-in-out bg-gray-300 rounded-full group-hover:bg-gray-400 group-focus:bg-gray-400"
></span>
</div>
<p class="text-sm">
<?php echo esc_html__( 'Confirming email delivery', 'email-subscribers' ); ?>
</p>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="px-4 py-3 text-right bg-gray-50 md:px-8">
<button
type="button"
id="es_delivery_check_processed"
class="relative inline-flex items-center px-4 py-2 text-base font-medium leading-5 text-white bg-indigo-800 border border-transparent rounded-md hover:bg-indigo-600 focus:outline-none focus:shadow-outline"
data-error-text="<?php echo esc_attr__( 'Continue anyway →', 'email-subscribers' ); ?>"
>
<?php echo esc_html__( 'All good, let\'s finish up →', 'email-subscribers' ); ?>
</button>
</div>
</div>
</section>
</div>
<div class="sp es-onboard-success<?php echo esc_attr( 3 === $onboarding_step ? ' active' : '' ); ?>" style="<?php echo esc_attr( 3 === $onboarding_step ? '' : 'display:none' ); ?>">
<section class="mx-auto my-6 sm:my-7" >
<div class="w-full overflow-hidden bg-white lg:flex md:rounded-lg md:shadow-xl md:mx-auto lg:max-w-3xl xl:max-w-4xl">
<div class="relative hidden w-1/4 overflow-hidden bg-green-300 lg:block">
<svg
class="absolute object-cover w-full text-white top-8"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2.5"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
opacity="0.25"
></path>
</svg>
<img
src="<?php echo esc_url( ES_PLUGIN_URL . 'lite/admin/images/anne-welcome.svg' ); ?>"
class="absolute object-cover w-full px-3 lg:top-1/2 xl:top-1/3"
/>
</div>
<div class="flex-1">
<form id="ig-es-onboarding-final-steps-form">
<div style="height:33.2rem" class="p-4 md:px-8 md:py-5">
<span class="text-xs text-gray-400"><?php echo esc_html__( 'STEP 3 of 3', 'email-subscribers' ); ?> </span>
<h3
class="mb-2 text-2xl font-bold leading-snug text-gray-800 sm:text-3xl"
>
<?php echo esc_html__( 'Done! Now speed up your success!', 'email-subscribers' ); ?>
</h3>
<input type="hidden" id="sign-up-list" name="list[]" value="<?php echo esc_attr( ES()->get_es_optin_list_hash() ); ?>"/>
<input type="hidden" id="sign-up-form-source" name="form-source" value="es-onboarding"/>
<div class="space-y-3 text-gray-800">
<div class="space-y-5 text-gray-800">
<p class="text-base -mb-1"><?php echo esc_html__( 'Setup is complete. Couple of things to support you...', 'email-subscribers' ); ?>
</p>
<!-- Start-IG-Code -->
<div class="">
<?php
if ( ! ES()->is_premium() ) {
?>
<p class="pt-2 text-sm leading-6">
<?php
/* translators: %d. Current year */
echo sprintf( esc_html__( 'Get free WordPress Email Marketing Masterclass %d Course and grow your audience.', 'email-subscribers' ), esc_html( $current_year ) );
?>
</p>
<?php
} else {
?>
<h3 class="text-base font-medium text-gray-900">
<?php
/* translators: %d. Current year */
echo sprintf( esc_html__( 'Free course: WordPress Email Marketing Masterclass %d', 'email-subscribers' ), esc_html( $current_year ) );
?>
</h3>
<p class="pt-2 text-sm leading-6">
<?php
echo esc_html__(
'How to build your list, make sure your email reach your
audience and influence your audience.',
'email-subscribers'
);
?>
</p>
<?php
}
?>
<div
class="pt-1 space-y-2 text-sm sm:space-y-0 sm:space-x-4 sm:flex sm:items-center"
>
<div class="w-full sm:w-1/2">
<input
id="ig-es-sign-up-name"
class="block w-full mt-1 text-sm transition duration-150 ease-in-out rounded-md shadow-sm form-input sm:leading-5"
placeholder="<?php echo esc_html__('Your name', 'email-subscribers' ); ?>"
/>
</div>
<div class="w-full sm:w-1/2">
<input
type="email"
id="ig-es-sign-up-email"
class="es_onboard_email block w-full mt-1 text-sm transition duration-150 ease-in-out rounded-md shadow-sm form-input sm:leading-5"
placeholder="<?php echo esc_html__('Your email', 'email-subscribers' ); ?>"
value="<?php echo esc_attr( $admin_email ); ?>"
/>
</div>
</div>
</div>
<!-- End-IG-Code -->
<div class="space-y-1">
<h3 class="text-base font-medium text-gray-900 pt-2">
<?php echo esc_html__( 'Recommended next steps:', 'email-subscribers' ); ?>
</h3>
<ul class="ml-4 space-y-2 text-sm list-disc pt-1.5">
<li><?php echo esc_html__( 'Review "Settings" and make adjustments if needed', 'email-subscribers' ); ?></li>
<li><?php echo esc_html__( 'Import your contacts, create new campaigns and test', 'email-subscribers' ); ?></li>
<!-- Start-IG-Code -->
<li>
<?php echo esc_html__( 'Review', 'email-subscribers' ); ?>
<a
class="text-indigo-800 hover:underline"
href="https://www.icegram.com/knowledgebase_category/email-subscribers/"
target="_blank"
><?php echo esc_html__( 'documentation', 'email-subscribers' ); ?></a
>
<?php echo esc_html__( 'if you need any help', 'email-subscribers' ); ?>
</li>
<!-- End-IG-Code -->
</ul>
</div>
</div>
</div>
</div>
</form>
<div class="px-4 py-3 text-right bg-gray-50 md:px-8">
<button
type="button" id="ig-es-complete-onboarding"
class="relative inline-flex items-center px-4 py-2 text-base font-medium leading-5 text-white bg-indigo-800 border border-transparent rounded-md hover:bg-indigo-600 focus:outline-none focus:shadow-outline">
<span class="mr-1"><?php echo esc_html__( 'Complete setup & take me to "Dashboard" ', 'email-subscribers' ); ?></span>
<span class="es-btn-arrow"> → </span>
<svg style="display:none" class="es-btn-loader h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</button>
</div>
</div>
</div>
</section>
</div>
<div class="sp es-popup-message" style="display:none">
<div class="fixed flex inset-0 overflow-x-hidden overflow-y-auto z-50 flex justify-center w-full h-full" style="background-color: rgba(0,0,0,.5);">
<section class="absolute flex justify-center mx-auto md:mx-auto lg:mx-auto my-12 sm:my-12 lg:my-24">
<div
class="inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
role="dialog"
aria-modal="true"
aria-labelledby="modal-headline"
>
<div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4">
<div class="sm:flex sm:items-start">
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto bg-red-100 rounded-full sm:mx-0 sm:h-10 sm:w-10">
<svg
class="w-6 h-6 text-red-600"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
></path>
</svg>
</div>
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
<h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-headline">
<?php echo esc_html__( 'Email sending did not work', 'email-subscribers' ); ?>
</h3>
<div class="mt-2 space-y-4 leading-5 text-gray-800">
<div>
<p class="font-medium text-sm text-gray-900">
<?php echo esc_html__( 'Here\'s the error we encountered:', 'email-subscribers' ); ?>
</p>
<div class="px-1 py-0.5 text-sm font-mono message">
[error-message]
</div>
</div>
<p class="additional-message text-sm">
</p>
<p class="error-message font-medium text-sm">
<?php
echo esc_html__(
'We recommend you solve this problem quickly after completing
the setup. Do make sure emails are getting delivered before
you send any real campaigns.',
'email-subscribers'
);
?>
</p>
</div>
</div>
</div>
</div>
<div class="px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse">
<span class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
<button
type="button"
id="es-delivery-error-button"
class="es-delivery-error-button relative inline-flex items-center px-4 py-2 text-base font-medium leading-5 text-white bg-indigo-800 border border-transparent rounded-md hover:bg-indigo-600 focus:outline-none focus:shadow-outline"
>
<?php echo esc_html__( ' Understood, continue for now →', 'email-subscribers' ); ?>
</button>
</span>
</div>
</div>
</section>
</div>
</div>
</div>
</div>