Step 26: Create Testimonials PageTh

Step 26: Create Testimonials Page
The testimonial page requires us to do two things: 1) Create testimonials and 2) Create a client list

You only need to create a client list if you want to show a client list like our demo website.

So before we create the testimonial page we need to create some testimonials.

Follow the steps below to add as many testimonials as you want (we will be adding three for this website).

On the dashboard, on the left you will see a link that says Testimonials. Hover over that and click Add New
Title the testimony with the name of the person or company
In the body, type in the quote or whatever the testimonial is
Below the contact section you can type in a Title/Role for the person/company if you want like “CFO, Google” for example
Then just add a featured image and click publish
Add a category name
Do this again to add additional testimonials
Once you’re done adding testimonials, we want to create a client list

So again on your dashboard, look over on your left and find Clients
Hover over clients and click add new
You can title your client whatever you want
We really just need to upload a featured image (logo)
Once you do that
Click Publish
Do this again a few times if you want a client list. You can add as many as you want but 5 seems like a good number.
Now we need to create a new page – title it Success Stories

Go to your dashboard and go down to pages > add new
Title the page About
Create a row > edit row > set row layout to 1
Click on Theme tab
Add 40 to top/bottom padding
Go to background image and select and insert a background image
Go to row layout and select full width
Push Save
Now click to add a widget and select the Visual Editor widget
Click edit within the widget and title it “What Our Clients Are Saying” then click done
Now create a new row and set the row layout to 2
Click to edit the row and set the Border bottom color to #d63737 and the Top/Bottom Padding to 20px
Then click save
Now add two SiteOrigin Video videos (one for the left row and one for the right row)
Click to edit each widget and make sure external is checked
Add a video URL
Click done
Now add another row for your testimonials and set the number of rows to 3
Change the % for each row to 33% and click Insert
Click add widget and select the Sydney FP: Testimonials widget ->duplicate this 2 more times or create two more widgets for each row (drag them over if necessary)
Click edit within each testimonial widget and make sure 1 is for number of testimonials to show
Then add the category name for the testimonial you want to show in that column
Then click done
Now add another row and set the row layout to 1
Edit the row and set the top/bottom padding to 30px and the background color to #efefef
Select Full width
Click save
Now add a widget and select the Sydney FP: Clients widget
Again, click edit and make sure -1 is for the number of clients to show
Now add another row and set the row layout to 1 – this is for our call to action
Click on the theme tab and put in 10px for top/bottom padding
Change the background color to #252525 and select Full Width for Row Layout
Then click Save
Now click to add a widget and select the Sydney FP: Call to Action widget
Click edit and type in your call to action. For this demo site we use “For a free quote to start working with us today.” and the link for the button “http://www.howtowebtutorial.com/contact-us” (we’ll make this page in a little bit). And the button is titled “Contact Us”
Do not click display inline with text
Then click done
Go back up to Step #21 if you want to add social media buttons on this page
Make sure to click the Publish/Update button when you are done. You can go to your homepage and see the changes :)

ผลลัพธ์ (ไทย) 1:

ขั้นตอนที่ 26: สร้างหน้ารับรองหน้ารับรองกำหนดให้เราต้องทำสองสิ่ง: 1) สร้างใบรับรอง และรายการไคลเอนต์สร้าง 2)นอกจากนี้คุณจะต้องสร้างรายการที่ไคลเอ็นต์ถ้าคุณต้องการแสดงรายการไคลเอ็นต์เช่นเว็บไซต์การสาธิตดังนั้น ก่อนที่เราสร้างหน้ารับรอง เราต้องสร้างคำบางทำตามขั้นตอนด้านล่างเพื่อเพิ่มคำนิยมมากเท่าที่คุณต้องการ (เราจะเพิ่มสามสำหรับเว็บไซต์นี้) ในหน้าแดชบอร์ด ด้านซ้าย คุณจะเห็นการเชื่อมโยงว่าคำรับรอง เลื่อนเมาส์ไปที่ และคลิกเพิ่มใหม่เรื่องคำให้การ ด้วยชื่อของบุคคลหรือบริษัทในร่างกาย พิมพ์ใบเสนอราคาหรือเป็นสิ่งรับรองด้านล่างส่วนการติดต่อ คุณสามารถพิมพ์ในชื่อเรื่องมีบทบาทสำหรับบุคคลหรือบริษัทถ้าคุณต้องการเช่น "CFO, Google" เช่นจากนั้น เพียงเพิ่มภาพที่โดดเด่นและคลิกเผยแพร่เพิ่มชื่อหมวดหมู่ทำเช่นนี้อีกเพื่อเพิ่มใบรับรองเพิ่มเติมเมื่อคุณทำการเพิ่มคำรับรอง เราต้องการสร้างรายการที่ไคลเอ็นต์ ดังนั้นอีกครั้งบนแดชบอร์ด ดูด้านซ้ายมือ และหาลูกค้าวางเมาส์เหนือลูกค้า แล้วคลิกเพิ่มใหม่คุณสามารถตั้งชื่อของไคลเอ็นต์คุณต้องเราแค่ต้องการภาพที่โดดเด่น (โลโก้)เมื่อคุณทำเช่นนั้นคลิกเผยแพร่เช่นนี้อีกกี่ครั้งถ้าคุณต้องรายการไคลเอ็นต์ คุณสามารถเพิ่มได้มากเท่าที่คุณต้องการ แต่ 5 เหมือนว่าตัวเลขที่ดีตอนนี้ เราต้องสร้างหน้าใหม่-ชื่อเรื่องราวความสำเร็จไปที่แดชบอร์ด และไปลงหน้า > เพิ่มใหม่ชื่อเรื่องหน้าเกี่ยวกับสร้างแถว > แก้ไขแถว > เค้าโครงแถวชุด 1คลิกที่แท็บรูปแบบเพิ่ม 40 การด้านบุไปที่ภาพพื้นหลัง และเลือก และใส่ภาพพื้นหลังไปยังเค้าโครงแถว และเลือกเต็มความกว้างกดบันทึกคลิกการเพิ่มวิดเจ็ต และเลือกเครื่องมือตัวแก้ไข Visualคลิกแก้ไขในเครื่องมือ และชื่อเรื่อง "สิ่งของเราลูกค้าพูด" แล้วคลิกเสร็จสิ้นตอนนี้สร้างแถวใหม่ และตั้งค่าโครงร่างแถว 2คลิกเพื่อแก้ไขแถว และการตั้งค่าสีขอบด้านล่าง #d63737 และซ้อนทับด้านการ 20pxแล้ว คลิกบันทึกเพิ่มวิดีโอวิดีโอ SiteOrigin สอง (หนึ่งในแถวที่ด้านซ้าย) และหนึ่งสำหรับแถวขวาคลิกแก้ไขแต่ละวิดเจ็ต และการตรวจสอบให้แน่ใจว่ามีการตรวจสอบภายนอกเพิ่ม URL วิดีโอคลิกเสร็จสิ้นตอนนี้เพิ่มอีกแถวสำหรับใบรับรองของคุณ และตั้งค่าจำนวนของแถวที่ 3เปลี่ยน%สำหรับแต่ละแถว 33% และคลิกแทรกกเพิ่มวิดเจ็ต และเลือก FP ซิดนีย์: เครื่องมือ -> คำรับรองนี้ซ้ำ 2 ครั้ง หรือสร้างวิดเจ็ตเพิ่มเติมสองสำหรับแต่ละแถว (ลากผ่านถ้าจำเป็น)คลิกแก้ไขภายในแต่ละวิดเจ็ตรับรอง และการตรวจสอบให้แน่ใจว่า 1 เป็นจำนวนใบรับรองเพื่อแสดงแล้ว เพิ่มชื่อประเภทสำหรับคำรับรองที่คุณต้องการแสดงในคอลัมน์แล้วคลิกเสร็จสิ้นตอนนี้เพิ่มอีกแถว และตั้งค่าโครงร่างแถว 1แก้ไขแถว และตั้งค่าด้านเซลล์ 30px และสีพื้นหลังที่ #efefefเลือกเต็มความกว้างคลิกบันทึกตอนนี้เพิ่มวิดเจ็ต และเลือก FP ซิดนีย์: ไคลเอนต์เครื่องมือคลิกแก้ไขอีกครั้ง และการตรวจสอบให้แน่ใจว่า -1 เป็นหมายเลขของไคลเอนต์เพื่อแสดงตอนนี้เพิ่มอีกแถว และตั้งค่าโครงร่างแถว 1 – สำหรับเราเรียกการดำเนินการคลิกที่แท็บชุดรูปแบบ และใส่ใน 10px สำหรับช่องว่างด้านเปลี่ยนสีพื้นหลัง #252525 และเลือกความกว้างเต็มรูปแบบแถวแล้ว คลิกบันทึกคลิกการเพิ่มวิดเจ็ต และเลือก FP ซิดนีย์: เรียกเครื่องมือดำเนินการคลิกแก้ไข และพิมพ์ในการกระตุ้นให้ดำเนินการ สำหรับเว็บไซต์การสาธิตนี้ เราใช้ "สำหรับใบเสนอราคาเพื่อเริ่มต้นทำงานกับเราวันนี้" และการเชื่อมโยงของปุ่ม "http://www.howtowebtutorial.com/contact-us" (เราจะทำให้หน้านี้สักหน่อย) และปุ่มมีชื่อว่า "ติดต่อเรา"การแสดงผลในแนวเดียวกับข้อความแล้วคลิกเสร็จสิ้นกลับไปขึ้นขั้นตอน #21 ถ้าคุณต้องการเพิ่มปุ่มสื่อสังคมบนหน้านี้ตรวจสอบให้แน่ใจว่าได้คลิกปุ่มปรับปรุงสำหรับการเผยแพร่เมื่อเสร็จ คุณสามารถไปที่หน้าแรกของคุณ และดูการเปลี่ยนแปลง:)

ผลลัพธ์ (ไทย) 2:

ขั้นตอนที่ 26: สร้างใบรับรองหน้า
หน้ารับรองเราต้องทำสองสิ่ง: 1) การสร้างการรับรองและ 2) การสร้างรายชื่อลูกค้า. คุณจะต้องสร้างรายชื่อลูกค้าถ้าคุณต้องการที่จะแสดงรายชื่อลูกค้าเช่นเว็บไซต์ของเราสาธิตดังนั้นก่อน เราสร้างหน้ารับรองเราต้องสร้างบางคำรับรอง. ทำตามขั้นตอนด้านล่างเพื่อเพิ่มคำรับรองให้มากที่สุดเท่าที่คุณต้องการ (เราจะเพิ่มสามสำหรับเว็บไซต์นี้). บนแดชบอร์ดที่ด้านซ้ายคุณจะเห็นลิงค์ว่าใบรับรอง . เลื่อนเมาส์ไปที่และคลิกเพิ่มใหม่ชื่อเรื่องพยานหลักฐานที่มีชื่อของบุคคลหรือ บริษัทในร่างกายชนิดในใบเสนอราคาหรืออะไรก็ตามรับรองเป็นด้านล่างส่วนรายชื่อที่คุณสามารถพิมพ์ชื่อ / บทบาทสำหรับบุคคล / บริษัท ถ้าคุณ ต้องการเช่น "CFO, Google" เช่นนั้นเพียงแค่เพิ่มภาพที่โดดเด่นและคลิกเผยแพร่เพิ่มชื่อหมวดหมู่ทำเช่นนี้อีกครั้งเพื่อเพิ่มการรับรองเพิ่มเติมเมื่อเสร็จสิ้นการเพิ่มคำรับรองของเราต้องการที่จะสร้างรายชื่อลูกค้าดังนั้นอีกครั้งบนแดชบอร์ดของคุณ มองไปทางด้านซ้ายของคุณและหาลูกค้าเลื่อนเมาส์ไปที่ลูกค้าและคลิกเพิ่มใหม่คุณสามารถชื่อลูกค้าของคุณสิ่งที่คุณต้องการจริงๆเราก็ต้องอัปโหลดภาพที่โดดเด่น (โลโก้) เมื่อคุณทำที่คลิกเผยแพร่ทำอีกไม่กี่ครั้งนี้หากคุณต้องการ รายชื่อลูกค้า . คุณสามารถเพิ่มได้มากเท่าที่คุณต้องการ แต่ 5 ดูเหมือนว่าเป็นจำนวนที่ดีตอนนี้เราต้องสร้างหน้าใหม่ - ชื่อเรื่องมันเรื่องราวความสำเร็จไปที่แผงควบคุมของคุณและลงไปที่หน้า> เพิ่มใหม่ชื่อหน้าเกี่ยวกับการสร้างแถว> แก้ไข แถว> รูปแบบแถวตั้งค่าเป็น 1 คลิกที่แท็บธีมเพิ่ม 40 ถึงด้านบน / padding ด้านล่างไปที่ภาพพื้นหลังและเลือกและใส่ภาพพื้นหลังไปที่แถวรูปแบบและเลือกเต็มความกว้างกดบันทึกตอนนี้คลิกเพื่อเพิ่มวิดเจ็ตและเลือกแก้ไข Visual Widget คลิกแก้ไขภายใน Widget และชื่อมันว่า "สิ่งที่ลูกค้าของเราจะพูดว่า" แล้วคลิกทำตอนนี้สร้างแถวใหม่และการตั้งค่ารูปแบบแถวที่ 2 คลิกเพื่อแก้ไขแถวและตั้งชายแดนสีด้านล่างไป # d63737 และด้านบน / ล่าง padding เพื่อ 20px แล้วคลิกบันทึกตอนนี้เพิ่มสองวิดีโอ SiteOrigin วีดีโอ (หนึ่งแถวซ้ายและหนึ่งสำหรับแถวขวา) คลิกเพื่อแก้ไขเครื่องมือแต่ละและให้แน่ใจว่าภายนอกจะถูกตรวจสอบเพิ่ม URL ของวิดีโอคลิกเสร็จตอนนี้เพิ่มอีกแถวหนึ่งสำหรับการรับรองของคุณและ กำหนดจำนวนแถวที่ 3 % การเปลี่ยนแปลงของแต่ละแถว 33% และคลิกแทรกคลิกเพิ่มวิดเจ็ตและเลือกซิดนีย์ FP: รับรอง Widget -> ซ้ำ 2 ครั้งขึ้นไปหรือสร้างสองเครื่องมือมากขึ้นสำหรับแต่ละแถว (ลากพวกเขาไปถ้า จำเป็น) คลิกแก้ไขในแต่ละ Widget รับรองและให้แน่ใจว่า 1 สำหรับจำนวนของการรับรองเพื่อแสดงให้เห็นแล้วเพิ่มชื่อหมวดหมู่สำหรับรับรองที่คุณต้องการที่จะแสดงในคอลัมน์นั้นจากนั้นคลิกที่ทำตอนนี้เพิ่มอีกแถวหนึ่งและการตั้งค่ารูปแบบแถวที่ 1 แก้ไข แถวและการตั้งค่าด้านบน / ล่าง padding 30px และสีพื้นหลังเพื่อ #efefef เลือกความกว้างเต็มคลิกบันทึกตอนนี้เพิ่มวิดเจ็ตและเลือกซิดนีย์ FP: ลูกค้าวิดเจ็ตอีกครั้งให้คลิกแก้ไขและตรวจสอบให้แน่ใจ -1 สำหรับจำนวนของลูกค้าไป แสดงตอนนี้เพิ่มอีกแถวหนึ่งและการตั้งค่ารูปแบบแถวที่ 1 - นี่คือสำหรับการโทรของเราที่จะดำเนินการคลิกในรูปแบบแท็บและใส่ใน 10px สำหรับ TOP padding / ล่างเปลี่ยนสีพื้นหลังเพื่อ # 252525 และเลือกเต็มความกว้างของแถวเค้าโครงจากนั้นคลิก บันทึกตอนนี้คลิกเพื่อเพิ่มวิดเจ็ตและเลือกซิดนีย์ FP: Call to Action Widget คลิกแก้ไขและพิมพ์เรียกร้องให้ดำเนิน สำหรับไซต์นี้สาธิตเราใช้ "สำหรับใบเสนอราคาฟรีที่จะเริ่มต้นการทำงานกับเราวันนี้." และการเชื่อมโยงสำหรับปุ่ม "http://www.howtowebtutorial.com/contact-us" (เราจะทำให้หน้านี้ในเล็กน้อย บิต). และปุ่มมีบรรดาศักดิ์เป็น "ติดต่อเรา" อย่าคลิกอินไลน์การแสดงผลที่มีข้อความแล้วคลิกทำไปกลับไปที่ขั้นตอนที่ 21 ถ้าคุณต้องการที่จะเพิ่มปุ่มสื่อสังคมในหน้านี้คุณจะต้องคลิกเผยแพร่ปุ่ม Update / เมื่อคุณทำ . คุณสามารถไปที่หน้าแรกของคุณและดูการเปลี่ยนแปลง :)