برای اضافه کردن المان آیکون به صفحه ساز کافیست از بین المان های موجود المان آیکون را از بین المان ها با موس بگیرید و داخل صفحه بکشید .

بعد از اضافه شدن المان به صفحه ساز روی المان کلیک کرده و شخصی سازی را انتخاب کنید .

محتوا : در تب محتوا با کلیک برروی انتخاب میتوانید از بین گالری آیکون ها ، آیکون مورد نظر خود را انتخاب کنید

تب استایل

در تب استایل شما میتوانید ویرایش تایپوگرافی ، رنگبندی ، سایه ، کادر و پس زمینه پیشرفته را انجام دهید .

ویرایش تایپوگرافی :

در قسمت اندازه فونت شما اندازه فونت را مشخص میکنید .

چینش متن :

در این بخش میتوانید نحوه چینش متن را مشخص کنید.

خانواده فونت :

با کلیک بر روی خانواده فونت میتوانید فونت های مورد نظر رو مشاهده کنید و فونت موردنیاز خود را انتخاب کنید .

وزن فونت :

با کلیک بر روی وزن فونت میتوانید وزن فونت خود را انتخاب کنید .

حالت متن :

با کلیک بر روی حالت متن میتوانید از بین حالت های موجود ، حالت مورد نظر خودرا انتخاب کنید ، به طور مثال میتوانید با انتخاب گزینه Capitalize حروف اول کلمه رو با حروف بزرگ بنویسید.

دکوراسیون متن :

با کلیک برروی دکوراسیون متن شما میتوانید به نوشته خود خط زیر ، رو ، بالا و موارد دیگه ای رو اضافه کنید.

ارتفاع خط :

در قسمت ارتفاع خط شما میتوانید ارتفاع خط های نوشته خود را ویرایش کنید و ارتفاع مورد نظر خود را در کادر مشخص شده وارد کنید .

فاصله کلمات :

در این بخش میتوانید با حرکت شکل دایره بر روی خط افقی فاصله بین کلمات متن مورد نظر را تعیین کنید.

فاصله حروف :

در این بخش میتوانید با حرکت شکل دایره بر روی خط افقی فاصله بین حروف متن مورد نظر را تعیین کنید.

رنگبندی :

در بخش رنگبندی شما میتوانید رنگ متن و پس زمینه متن رو ویرایش کنید .در این قسمت با روشن کردن هاور موس میتوانید برای هاور متن رنگ متن و پس زمینه متفاوت قرار دهید تا با بردن موس بر روی المان رنگ متن و پس زمینه تغییر کند.

شما با کلیک بر روی کادر مشخص شده میتوانید پالت رنگی را مشاهده کنید و با انتخاب قسمت مشخص شده میتوانید از هررنگی که در هرکجایی صفحه استفاده شده رنگ متن را ویرایش کنید.

پس زمینه پیشرفته :

در این قسمت شما میتوانید پس زمینه دلخواه را اضافه کنید و تنظیمات مربوط به آن را انجام دهید .

عرض و ارتفاع، حالت تکرار پس زمینه در جهت های مختلف ، موقعیت افقی و عمودی پس زمینه را ویرایش کنید.

سایه :

در این بخش شما میتوانید در جهت های دلخواه به المان متن خود سایه دهید و همچنین میتوانید رنگ سایه را انتخاب کنید.

با انتخاب سایه به درون و یا بیرون میتوانید مشخص کنید سایه بیرون یا درون المان مورد نظر باشد.

با انتخاب مقدار برای y و x میتوانید به بالا و پایین المان خود سایه دهید و با مقدار دادن به بلور میتوانید سایه را به صورت پخش شده قرار داده و با انتخاب مقدار برای حجم به ابعاد سایه خود را انتخاب میکنید .

کادر بندی :

در کادربندی شما میتوانید انحنا و ضخامت کادر مود نظر را ویرایش کنید.

انحنا :

با استفاده از این بخش شما میتونید گوشه های المان خود را به میزانی که میخواهید گرد کنید ( radius ) با روشن کردن علامت مشخص شده شما میتوانید به یک مقدار ثابت تمام گوشه های المان خود را گرد کنید .

تب پیشرفته

اقدامات:

در بخش اقدامات شما عملکرد المان را مشخص میکنید، به این صورت که با انتخاب از بین عملکرد ها مشخص میکنید المان لینک ، هدایت به یک بخش ، ثبت فرم و... باشد و چه کارایی در وب سایت شما داشته باشد .

موقعیت :

در قسمت موقعیت شما جایگاه قرار گیری المان ، طول و عرض آن را مشخص میکنید.

با استفاده از قسمت مشخص شده میتوانید جهت قرار گیری المان را در دیوایس های مختلف (تبلت ، لپ تاپ ، موبایل ) مشخص کنید.

تمام عرض : با فعال کردن و غیرفعال کردن این گزینه میتوانید المان را درحالت تمام عرض قرار دهید.

ارتفاع خودکار و موقعیت نسبی : این گزینه موقعیت المان را نسبت به بقیه المان ها تنظیم خواهد کرد و ترتیب در لایه ها موثر خواهد بود و ارتفاع آن را خودکار خواهد کرد

فاصله ها :

فاصله بیرونی :

با وارد کردن مقدار برای فاصله بیرونی میتوانید بین محتوا و لبه ها بیررونی فاصله ایجاد کنید .

فاصله درونی :

فضای خارجی محتوا تا مرز عناصر و همچنین فاصله بین عناصر را میتونید در تنظیمات مربوط به فاصله درونی ویرایش کنید .

ترنزیشن :

ترنسفورم :

با استفاده از ترنسفرم می توانیم شکل, مکان و یا وضعیت یک المان را تغییر بدهیم.

چرخش به درجه : میتوانید المان مورد نظر را در جهت عقربه های ساعت بپرخانید .

مقیاس: در این قسمت شما میتوانید با دادن مقدار دلخواه المان را بزرگ نمایید.

درجه وضوح: همان طور که از نام آپشن مشخص است میتوانید درجه وضوح المان را ویرایش کنید .

واکنشگرایی:

در بخش واکنشگرایی شما با روشن و یا خاموش کردن قسمت مشخص شده میتوانید تعین کنید یک المان در حالت موبایل ، دسکتاپ و تبلت نمایش داده شود و یا نمایش داده نشود.

نمایش خارج از کادر:

با کلیک بروری این قسمت شما مشخص میکنید که قسمت خارج شده از کادر نمایش داده شود یا خیر.

**پیشرفته :

در این قسمت با فعال کردن گزینه محاسبه بر اساس نرخ ارز محصولات شما با توجه به نرخ ارز نمایش داده میشوند. همچنین با استفاده از گزینه مشخص شده میتوانید ارز خود را انتخاب کنید.

نمایش خارج از کادر:

با کلیک بروری این قسمت شما مشخص میکنید که قسمت خارج شده از کادر نمایش داده شود یا خیر.

با فعال کردن این گزینه " هاور در زمانی که المان مادر هاور می شود فعال باشد " با دادن هاور به المان مادر ، المان درحالت هاور با تنظیمات داده شده به المان مادر نمایش داده میشود.