---
url: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%B2%D8%B1'
title: 'إضافة عنصر زر | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:26:33+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'تحصلون على زر دعوة واضح يرسل الزوار إلى حيث تريدون. استخدموه لقيادة الناس إلى نموذج تسجيل أو صفحة منتج أو صفحة اتصال.'
tags:
  - Marketing
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'إضافة عنصر زر'
      description: 'تحصلون على زر دعوة واضح يرسل الزوار إلى حيث تريدون. استخدموه لقيادة الناس إلى نموذج تسجيل أو صفحة منتج أو صفحة اتصال.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:26:33+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%B2%D8%B1'
      articleSection: التسويق
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D8%B2%D8%B1'
      description: 'تحصلون على زر دعوة واضح يرسل الزوار إلى حيث تريدون. استخدموه لقيادة الناس إلى نموذج تسجيل أو صفحة منتج أو صفحة اتصال.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: الرئيسية
            item: 'https://dxpr.com/ar'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ar
---
[مركز المساعدة](/ar/hc)/[التوثيق](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82) /[تعلّم DXPR Builder](/ar/hc/documentation/learn-dxpr-builder) /[بناء الصفحات](/ar/hc/documentation/learn-dxpr-builder/build) /[إضافة المحتوى](/ar/hc/documentation/learn-dxpr-builder/elements) /[التسويق](/ar/hc/documentation/learn-dxpr-builder/elements/marketing) # إضافة عنصر زر.

 تعلّم DXPR Builderبناء الصفحاتإضافة المحتوىالتسويق

   ## في هذا الدليل

 أدلة ذات صلة

- [تغيير مظهر عنصر في لوحة النمط](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D9%86%D8%B5%D8%B1/%D8%AA%D8%A8%D9%88%D9%8A%D8%A8-%D8%A7%D9%84%D9%86%D9%85%D8%B7)

تحصلون على زر دعوة واضح يرسل الزوار إلى حيث تريدون. استخدموه لقيادة الناس إلى نموذج تسجيل أو صفحة منتج أو صفحة اتصال.

## إضافة عنصر زر

افتحوا صفحتكم بعد تسجيل الدخول: تظهر عناصر تحكم المنشئ عندما تحومون فوق منطقة المحتوى. وتعرض صفحة [صفحتكم الأولى](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%A8%D8%AF%D8%A1/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%89) الأساسيات.

1. حوموا فوق العمود وانقروا **+** في شريط التحكم، أو انقروا **إضافة العناصر** على صفحة فارغة. افتحوا تبويب **المحتوى** وانقروا **الزر**. يظهر أعلى العمود ويفتح مربع حوار الإعدادات.
2. استبدلوا النص الافتراضي في حقل **العنوان** بتسمية الزر.
3. أدخلوا الوجهة في حقل **الرابط**، مثل `/contact` أو `https://example.com`.
4. اختاروا لونا ضمن **النوع**. هنا نختار **النجاح**.
5. اختاروا **الحجم**. هنا نختار **الكبير**.
6. انقروا **حفظ** في مربع الحوار. ثم انقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى لتخزين الصفحة.

  ## ما ترونه

يظهر زر بالتسمية التي كتبتموها أعلى العمود. في الفيديو، هو كبير وأخضر ومكتوب عليه التسجيل في اليوم المفتوح. لا تفتح الروابط أثناء التحرير. لاختبار زرّكم، احفظوا الصفحة، واختاروا **معاينة** في قائمة العرض بشريط الأدوات، وانقروا الزر. ويراه الزوار بعد أن تحفظوا الصفحة وتتم نشرها.

## إعداد عنصر الزر

حوموا فوق العنصر وافتحوا **المزيد > الإعدادات** في شريط التحكم. الخيارات:

- **العنوان:** النص على الزر.
- **الرابط:** وجهة الزر: مسار على موقعكم، مثل `/contact`، أو عنوان URL كامل.
- **هدف الرابط:** يفتح الرابط في النافذة نفسها أو في نافذة جديدة. يظهر بعد أن يصبح لحقل **الرابط** قيمة.
- **النوع:** نمط اللون: الأساسي أو الثانوي أو النجاح أو المعلومات أو التحذير أو الخطر أو الرابط أو الفاتح أو الداكن.
- **زر بعرض العمود:** يمدّد الزر عبر العرض الكامل للعمود.
- **نمط الإطار:** يعرض حدّا ملونا ونصا بلا تعبئة. نوع الرابط بلا إطار ويبدو دائما كرابط نصي.
- **الحجم:** عادي أو كبير أو صغير.

## إذا لم يظهر لكم

- **الزر ليس في تبويب المحتوى.** ملف تعريف المستخدم الخاص بكم يخفيه. اطلبوا من المسؤول تفعيله في [ملفات تعريف المستخدم](/ar/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **اختفى بعد إعادة التحميل.** لم يتم حفظ الصفحة. أضيفوه مجددا وانقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى.
- **النقرة تؤدي إلى «صفحة غير موجودة».** مسار **الرابط** غير صحيح. تبدأ المسارات على موقعكم بشرطة مائلة `/`، مثل `/contact`. حوموا فوق العنصر وافتحوا **المزيد > الإعدادات** لتصحيحه.
- **مظهر الزر مختلف عن الفيديو.** مظهره يأتي من **النوع** و**نمط الإطار** و**زر بعرض العمود** و**الحجم**. حوموا فوق العنصر وافتحوا **المزيد > الإعدادات** للتحقق منها.
- **الرابط يفتح في التبويب نفسه.** **هدف الرابط** هو النافذة نفسها. املؤوا حقل **الرابط** أولا، ثم اختاروا نافذة جديدة.

## ما الخطوة التالية؟

[تبويب النمط](/ar/hc/documentation/learn-dxpr-builder/element-settings/style-tab) لتغيير التباعد والخلفية لزرّكم.