<?php
/**
* File containing the view for step 3 of the setup wizard.
*
* @package Crowdsignal_Forms\Admin
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
?>
<br />
<div class='cs-settings-container'>
<div class="cs-card cs-section-header is-compact">
<div class="cs-section-header__label">
<span class="cs-section-header__label-text"><?php esc_html_e( 'Getting Started', 'crowdsignal-forms' ); ?></span>
</div>
</div>
<div class="cs-card cs-section-header is-compact">
<div class="cs-form-settings-group" style='width: 100%'>
<h2><?php echo wp_kses_post( __( 'First time using Crowdsignal?', 'crowdsignal-forms' ) ); ?></h2>
<div class="crowdsignal-setup__middle">
<p>
<?php echo wp_kses_post( __( 'You can use Crowdsignal blocks right in your editor. Search for Crowdsignal in the blocks library and add the blocks to your page. Here is a short video to get you started:', 'crowdsignal-forms' ) ); ?>
</p>
<div class="crowdsignal-setup__video-container">
<div class="crowdsignal-setup__video">
<iframe src="https://videopress.com/v/jWTs90Dg?autoplay=0&hd=1" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<p>
<?php
echo wp_kses_post(
sprintf(
// translators: %1$s is a link to Crowdsignal's support page.
__(
'Do you want to know more about Crowdsignal and our blocks? <a href="%1$s" target="_blank">Learn more</a>.',
'crowdsignal-forms'
),
'https://crowdsignal.com/support/'
)
);
?>
</p>
</div>
</div>
</div>