diff --git a/resources/views/import.blade.php b/resources/views/import.blade.php
index ff127c7..a53eae1 100644
--- a/resources/views/import.blade.php
+++ b/resources/views/import.blade.php
@@ -1,125 +1,5 @@
 @extends(BaseHelper::getAdminMasterLayoutTemplate())
 
 @section('content')
-    @php
-        /** @var \Botble\DataSynchronize\Importer\Importer $importer */
-
-        $acceptedFiles = Arr::join(array_map(fn ($item) => $item, $importer->getAcceptedFiles()), ',');
-    @endphp
-
-    {!! apply_filters('data_synchronize_import_page_before', null, $importer) !!}
-
-    <x-core::form
-        method="post"
-        :url="route('data-synchronize.upload')"
-        :data-validate-url="$importer->getValidateUrl()"
-        :data-import-url="$importer->getImportUrl()"
-        data-bb-toggle="import-form"
-        :data-accepted-files="$acceptedFiles"
-        :data-chunk-size="$importer->chunkSize()"
-        :data-uploading-message="trans('packages/data-synchronize::data-synchronize.import.uploading_message')"
-        :data-validate-failed-message="trans('packages/data-synchronize::data-synchronize.import.validating_failed_message')"
-        class="data-synchronize-import-form"
-    >
-        <x-core::card>
-            @if($importer->getHeading())
-                <x-core::card.header>
-                    <x-core::card.title>
-                        {{ $importer->getHeading() }}
-                    </x-core::card.title>
-                </x-core::card.header>
-            @endif
-
-            <x-core::card.body>
-                @if($importer->getExportUrl())
-                    <x-core::alert
-                        type="info"
-                        :data-url="$importer->getExportUrl()"
-                    >
-                        {!! BaseHelper::clean(trans(
-                            'packages/data-synchronize::data-synchronize.import.form.quick_export_message',
-                            [
-                                'label' => $importer->getLabel(),
-                                'export_csv_link' => Html::tag('button', trans('packages/data-synchronize::data-synchronize.import.form.quick_export_button', ['format' => 'CSV']), [
-                                    'class' => 'data-synchronize-quick-export-button',
-                                    'data-bb-toggle' => 'quick-export',
-                                    'data-value' => 'csv',
-                                ]),
-                                'export_excel_link' => Html::tag('button', trans('packages/data-synchronize::data-synchronize.import.form.quick_export_button', ['format' => 'Excel']), [
-                                    'class' => 'data-synchronize-quick-export-button',
-                                    'data-bb-toggle' => 'quick-export',
-                                    'data-value' => 'xlsx',
-                                ]),
-                            ]
-                        )) !!}
-                    </x-core::alert>
-                @endif
-
-                {!! apply_filters('data_synchronize_import_form_before', null, $importer) !!}
-
-                <div>
-                    <div class="dropzone">
-                        <div class="dz-message">
-                            {{ trans('packages/data-synchronize::data-synchronize.import.form.dropzone_message') }}
-                        </div>
-                    </div>
-
-                    <x-core::form.helper-text class="mt-1">
-                        {{ trans('packages/data-synchronize::data-synchronize.import.form.allowed_extensions', ['extensions' => Arr::join($importer->getFileExtensions(), ', ')]) }}
-                    </x-core::form.helper-text>
-                </div>
-
-                {!! apply_filters('data_synchronize_import_form_after', null, $importer) !!}
-
-                <pre class="mt-3 data-synchronize-import-output" style="display: none"></pre>
-            </x-core::card.body>
-            <x-core::card.footer>
-                <x-core::button type="submit" color="primary" :disabled="true">
-                    {{ trans('packages/data-synchronize::data-synchronize.import.form.import_button') }}
-                </x-core::button>
-            </x-core::card.footer>
-        </x-core::card>
-
-        <x-core::alert class="mt-3" type="danger" style="display: none" data-bb-toggle="import-errors">
-            <ul></ul>
-        </x-core::alert>
-    </x-core::form>
-
-    {!! apply_filters('data_synchronize_import_page_after', null, $importer) !!}
-
-    @if($importer->getExportUrl())
-        <x-core::form
-            method="POST"
-            :url="$importer->getExportUrl()"
-            data-bb-toggle="export-data"
-            :data-success-message="trans('packages/data-synchronize::data-synchronize.export.success_message')"
-            :data-error-message="trans('packages/data-synchronize::data-synchronize.export.error_message')"
-        />
-    @endif
-
-    @if ($importer->getExamples())
-        @include('packages/data-synchronize::partials.example')
-    @endif
-
-    @includeWhen($importer->showRulesCheatSheet(), 'packages/data-synchronize::partials.rules')
+    @include('packages/data-synchronize::partials.importer')
 @stop
-
-@push('footer')
-    <x-core::custom-template id="data-synchronize-import-preview-template">
-        <div class="position-relative d-flex gap-2 data-synchronize-import-preview-template">
-            <x-core::icon name="ti ti-file" style="height: 2rem; width: 2rem" />
-            <div>
-                <h4><span data-dz-name></span></h4>
-                <div class="d-flex align-items-center small text-muted">
-                    <span data-dz-size></span>
-                    <button type="button" class="ms-1 text-danger cursor-pointer" data-dz-remove>
-                        <x-core::icon name="ti ti-trash" />
-                    </button>
-                </div>
-                <div class="text-danger small" data-dz-errormessage></div>
-            </div>
-        </div>
-    </x-core::custom-template>
-
-    {!! apply_filters('data_synchronize_import_page_footer', null, $importer) !!}
-@endpush
diff --git a/resources/views/partials/importer.blade.php b/resources/views/partials/importer.blade.php
new file mode 100644
index 0000000..506fbcf
--- /dev/null
+++ b/resources/views/partials/importer.blade.php
@@ -0,0 +1,119 @@
+@php
+    /** @var \Botble\DataSynchronize\Importer\Importer $importer */
+
+    $acceptedFiles = Arr::join(array_map(fn ($item) => $item, $importer->getAcceptedFiles()), ',');
+@endphp
+
+{!! apply_filters('data_synchronize_import_page_before', null, $importer) !!}
+
+<x-core::form
+    method="post"
+    :url="route('data-synchronize.upload')"
+    :data-validate-url="$importer->getValidateUrl()"
+    :data-import-url="$importer->getImportUrl()"
+    data-bb-toggle="import-form"
+    :data-accepted-files="$acceptedFiles"
+    :data-chunk-size="$importer->chunkSize()"
+    :data-uploading-message="trans('packages/data-synchronize::data-synchronize.import.uploading_message')"
+    :data-validate-failed-message="trans('packages/data-synchronize::data-synchronize.import.validating_failed_message')"
+    class="data-synchronize-import-form"
+>
+    <x-core::card>
+        @if($importer->getHeading())
+            <x-core::card.header>
+                <x-core::card.title>
+                    {{ $importer->getHeading() }}
+                </x-core::card.title>
+            </x-core::card.header>
+        @endif
+
+        <x-core::card.body>
+            @if($importer->getExportUrl())
+                <x-core::alert
+                    type="info"
+                    :data-url="$importer->getExportUrl()"
+                >
+                    {!! BaseHelper::clean(trans(
+                        'packages/data-synchronize::data-synchronize.import.form.quick_export_message',
+                        [
+                            'label' => $importer->getLabel(),
+                            'export_csv_link' => Html::tag('button', trans('packages/data-synchronize::data-synchronize.import.form.quick_export_button', ['format' => 'CSV']), [
+                                'class' => 'data-synchronize-quick-export-button',
+                                'data-bb-toggle' => 'quick-export',
+                                'data-value' => 'csv',
+                            ]),
+                            'export_excel_link' => Html::tag('button', trans('packages/data-synchronize::data-synchronize.import.form.quick_export_button', ['format' => 'Excel']), [
+                                'class' => 'data-synchronize-quick-export-button',
+                                'data-bb-toggle' => 'quick-export',
+                                'data-value' => 'xlsx',
+                            ]),
+                        ]
+                    )) !!}
+                </x-core::alert>
+            @endif
+
+            {!! apply_filters('data_synchronize_import_form_before', null, $importer) !!}
+
+            <div>
+                <div class="dropzone">
+                    <div class="dz-message">
+                        {{ trans('packages/data-synchronize::data-synchronize.import.form.dropzone_message') }}
+                    </div>
+                </div>
+
+                <x-core::form.helper-text class="mt-1">
+                    {{ trans('packages/data-synchronize::data-synchronize.import.form.allowed_extensions', ['extensions' => Arr::join($importer->getFileExtensions(), ', ')]) }}
+                </x-core::form.helper-text>
+            </div>
+
+            {!! apply_filters('data_synchronize_import_form_after', null, $importer) !!}
+
+            <pre class="mt-3 data-synchronize-import-output" style="display: none"></pre>
+        </x-core::card.body>
+        <x-core::card.footer>
+            <x-core::button type="submit" color="primary" :disabled="true">
+                {{ trans('packages/data-synchronize::data-synchronize.import.form.import_button') }}
+            </x-core::button>
+        </x-core::card.footer>
+    </x-core::card>
+
+    <x-core::alert class="mt-3" type="danger" style="display: none" data-bb-toggle="import-errors">
+        <ul></ul>
+    </x-core::alert>
+</x-core::form>
+
+{!! apply_filters('data_synchronize_import_page_after', null, $importer) !!}
+
+@if($importer->getExportUrl())
+    <x-core::form
+        method="POST"
+        :url="$importer->getExportUrl()"
+        data-bb-toggle="export-data"
+        :data-success-message="trans('packages/data-synchronize::data-synchronize.export.success_message')"
+        :data-error-message="trans('packages/data-synchronize::data-synchronize.export.error_message')"
+    />
+@endif
+
+@if ($importer->getExamples())
+    @include('packages/data-synchronize::partials.example')
+@endif
+
+@includeWhen($importer->showRulesCheatSheet(), 'packages/data-synchronize::partials.rules')
+
+<x-core::custom-template id="data-synchronize-import-preview-template">
+    <div class="position-relative d-flex gap-2 data-synchronize-import-preview-template">
+        <x-core::icon name="ti ti-file" style="height: 2rem; width: 2rem" />
+        <div>
+            <h4><span data-dz-name></span></h4>
+            <div class="d-flex align-items-center small text-muted">
+                <span data-dz-size></span>
+                <button type="button" class="ms-1 text-danger cursor-pointer" data-dz-remove>
+                    <x-core::icon name="ti ti-trash" />
+                </button>
+            </div>
+            <div class="text-danger small" data-dz-errormessage></div>
+        </div>
+    </div>
+</x-core::custom-template>
+
+{!! apply_filters('data_synchronize_import_page_footer', null, $importer) !!}
diff --git a/src/Importer/Importer.php b/src/Importer/Importer.php
index ca7d267..75aa304 100644
--- a/src/Importer/Importer.php
+++ b/src/Importer/Importer.php
@@ -22,6 +22,8 @@
 
 abstract class Importer
 {
+    protected bool $renderWithoutLayout = false;
+
     abstract public function columns(): array;
 
     abstract public function getValidateUrl(): string;
@@ -110,6 +112,13 @@ public function getHeading(): string
         );
     }
 
+    public function renderWithoutLayout(): View
+    {
+        $this->renderWithoutLayout = true;
+
+        return $this->render();
+    }
+
     public function render(): View
     {
         Assets::addStylesDirectly('vendor/core/packages/data-synchronize/css/data-synchronize.css')
@@ -117,8 +126,14 @@ public function render(): View
             ->addScripts('dropzone')
             ->addStyles('dropzone');
 
+        $view = 'packages/data-synchronize::import';
+
+        if ($this->renderWithoutLayout) {
+            $view = 'packages/data-synchronize::partials.importer';
+        }
+
         return view(
-            apply_filters('data_synchronize_importer_view', 'packages/data-synchronize::import'),
+            apply_filters('data_synchronize_importer_view', $view),
             ['importer' => $this]
         );
     }