WordPress Elementor пользовательских фрагментов кода PHP

Я использую wordpress pagebuilder elementor и так как я хочу добавить собственный код, я создал раздел и добавил enhanced-text-widgetгде вы должны добавить любые фрагменты кода. Поэтому, когда я добавляю свой фрагмент кода PHP, он работает довольно хорошо, пока я нахожусь в интерфейсе разработки / редактирования, на live-сайте, хотя я могу видеть только необработанные строки кода ??? Может кто-то может сказать, что вызывает эту проблему?

Я добавил этот код в поле «содержание» enhanced text widget:

<section class="block">
<?php
$args = array(
'post_type' => 'cases',
'post_status' => 'publish',
'orderby' => 'rand'
);

$the_query = new WP_Query($args);
?>

<div class="slider-wrapper">
<div class="slider-header section-header light">
<h5>Similiar Cases</h5>
</div>
<div class="slider-content">
<?php if ($the_query->have_posts() ) : while ($the_query->have_posts() ) : $the_query->the_post();

$image = get_field('case_image', $the_query->post->ID); ?>
<div class="slide-box">
<a href="<?php the_permalink(); ?>"><img src="<?php echo $image['url'] ?>" /></a>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="slider-controls">
<div class="prev"></div>
<div class="next"></div>
</div>
</div>

</section>

что дает мне это в браузере:

\'cases\', \'post_status\' => \'publish\', \'orderby\' => \'rand\' );
$the_query = new WP_Query($args); ?>
Similiar cases have_posts() ) : while ($the_query->have_posts() ) :
$the_query->the_post(); $image = get_field(\'case_image\', $the_query->post >ID); ?>
<a href="\"><img src="\" />

Пожалуйста, помогите кому-нибудь?