by Rain Chu | 3 月 23, 2022 | wordpress
預約系統在各行各業中都會用到,預約醫生、老師時間,預約健身房時間,預約會議室時間,每種需要都不一樣,也很複雜,這邊先推薦一個可以用在預約專業人員時間的預約系統,使用起來,對於他的設定介面我覺得是預約系統中設計得最好的,80%的功能都可以直接使用。
BookingPress 最喜歡的功能如下
- 設定介面簡潔好用
- 使用者前端界面好看清楚
- 可以快速自訂顯示文字,包含中文化
- 使用者端有精靈,可以協助預定時間
- 可以預約加上線上付款
- 預約時間後,可以由後台再去確認
- 時間可以切分到分鐘
使用 BookingPress 提供預約服務
1.先建立一個分類目錄 Categories
建立分類目錄的目的是用來放服務 Service
2.建立服務
在剛剛建立的分類下,新增服務,服務可以是某一位醫生、老師
3.新增頁面,用來放置預約表單
在頁面中,新增一個區塊並且插入 [bookingpress_form] ,這個區塊未來會是一個精靈,引導使用者去預約
前端的頁面呈現的樣子
4.設定頁面呈現資料的細節
接下來主要去 bookingpress -> customize 中修改顯示的資訊,這邊可以更改成中文,和需要顯示的資訊
5.設定功能細節
在 bookingpress -> setting 中,每一個選項都還蠻重要的,都要進去做些微調,其中 DaysOff 比較難懂一點,一般的預約系統是正向表列,bookingpress 則是負向表列,在這個表中,有選擇的,就會是假日檔,也就是那天就不開放預約,,其他的時間會去跟你的工作時間中比對後在前端顯示給使用者,並且這個設定是全域的,沒法針對單一的服務
延伸閱讀以及下載
bookingpress 官網 https://www.bookingpressplugin.com/
bookingpress plug 下載 https://tw.wordpress.org/plugins/bookingpress-appointment-booking/
by Rain Chu | 3 月 22, 2022 | PHP, woocommerce, wordpress
點選商品圖片後的行為網址
客戶常常是想要快速結帳,所以通常希望在商品頁面中,點選圖片就可以直接進入結帳了,這時候在 wordpress woocommerce 中沒有特別好用的 Pugin 可以利用,我的解法是在佈景主題中的 functions.php ,加入下面的程式碼片段,其中add-to-cart=id , id 指的是商品 id , quantity=1,1 是數量。
- 點選圖片後,會直接到結帳頁面,/checkout/?add-to-cart=’.$product->get_id().’quantity=1
- 點選圖片後,會直接到購物車,/cart/?add-to-cart=’.$product->get_id().’&quantity=1
- /?add-to-cart=’.$product->get_id()
functions.php
// woocommerce
// 設定圖片上的商品連結
if ( ! function_exists( 'woocommerce_template_loop_product_link_open' ) ) {
/**
* Insert the opening anchor tag for products in the loop.
*/
function woocommerce_template_loop_product_link_open() {
global $product;
//原先的設定
//$link = apply_filters( 'woocommerce_loop_product_link', get_the_permalink(), $product );
// 1.改成直接到結帳頁面中
$link = '/checkout/?add-to-cart='.$product->get_id().'&quantity=1';
// 2.點選圖片直接會到購物車中
$link = '/cart/?add-to-cart='.$product->get_id().'&quantity=1';
// 3.點選圖片後不跳轉,但會加入到購物車中
$link = '/?add-to-cart='.$product->get_id();
echo '<a href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">';
}
}
搜尋商品後,點選產品清單中的圖片直接進入購物車
/wp-content/themes/themename/template-tags.php
修改$permalink = !empty( $args[‘permalink’] ) ? $args[‘permalink’] : ‘/checkout/?add-to-cart=’.$post_id.’quantity=1′;
function et_extra_get_post_thumb( $args = array() ) {
$default_args = array(
'post_id' => 0,
'size' => '',
'height' => 50,
'width' => 50,
'title' => '',
'link_wrapped' => true,
'permalink' => '',
'a_class' => array(),
'img_class' => array(),
'img_style' => '',
'img_after' => '', // Note: this value is not escaped/sanitized, and should be used for internal purposes only, not any user input
'post_format_thumb_fallback' => false,
'fallback' => '',
'thumb_src' => '',
'return' => 'img',
);
$args = wp_parse_args( $args, $default_args );
$post_id = $args['post_id'] ? $args['post_id'] : get_the_ID();
// add to cart link
//$permalink = !empty( $args['permalink'] ) ? $args['permalink'] : get_the_permalink( $post_id );
$permalink = !empty( $args['permalink'] ) ? $args['permalink'] : '/checkout/?add-to-cart='.$post_id.'quantity=1';
$title = !empty( $args['title'] ) ? $args['title'] : get_the_title( $post_id );
$width = (int) apply_filters( 'et_extra_post_thumbnail_width', $args['width'] );
$height = (int) apply_filters( 'et_extra_post_thumbnail_height', $args['height'] );
$size = !empty( $args['size'] ) ? $args['size'] : array( $width, $height );
$thumb_src = $args['thumb_src'];
$img_style = $args['img_style'];
$thumbnail_id = get_post_thumbnail_id( $post_id );
if ( !$thumbnail_id && !$args['thumb_src'] ) {
if ( $args['post_format_thumb_fallback'] ) {
$post_format = et_get_post_format();
if ( in_array( $post_format, array( 'video', 'quote', 'link', 'audio', 'map', 'text' ) ) ) {
$thumb_src = et_get_post_format_thumb( $post_format, 'thumb' );
} else {
$thumb_src = et_get_post_format_thumb( 'text', 'thumb' );
}
} else if ( !empty( $args['fallback'] ) ) {
return $args['fallback'];
} else {
$thumb_src = et_get_post_format_thumb( 'text', 'icon' );
}
}
if ( $thumbnail_id ) {
list($thumb_src, $thumb_width, $thumb_height) = wp_get_attachment_image_src( $thumbnail_id, $size );
}
if ( 'thumb_src' === $args['return'] ) {
return $thumb_src;
}
$image_output = sprintf(
'<img src="%1$s" alt="%2$s"%3$s %4$s/>%5$s',
esc_attr( $thumb_src ),
esc_attr( $title ),
( !empty( $args['img_class'] ) ? sprintf( ' class="%s"', esc_attr( implode( ' ', $args['img_class'] ) ) ) : '' ),
( !empty( $img_style ) ? sprintf( ' style="%s"', esc_attr( $img_style ) ) : '' ),
$args['img_after']
);
if ( $args['link_wrapped'] ) {
$image_output = sprintf(
'<a href="%1$s" title="%2$s"%3$s%5$s>
%4$s
</a>',
esc_attr( $permalink ),
esc_attr( $title ),
( !empty( $args['a_class'] ) ? sprintf( ' class="%s"', esc_attr( implode( ' ', $args['a_class'] ) ) ) : '' ),
$image_output,
( !empty( $img_style ) ? sprintf( ' style="%s"', esc_attr( $img_style ) ) : '' )
);
}
return $image_output;
}
by Rain Chu | 3 月 22, 2022 | 創新創業, 商模, 新聞
「我家網」 7.0
我家網 成家立業已經七年了,每年升級 1 個版本,沒想到還是沒能堅持挺過七年之癢,以前只賣不租,現在又租又賣,還有三年免費使用,要接觸的還可以直接要
FB 、LINE
透過我家網6.0的關鍵字搜尋系統,租客可以快速找到符合需求的房屋,房東也可以透過物件分類,提供更多不同類型的租客們參考。
我家網全新推出租屋刊登服務,網站內刊登物件不僅在三年內不向房東收取任何上架費用,更透過我家網原有廣告串流服務,為物件帶起更多流量,增加曝光度加快成交速度。
學習如何打造個人品牌和善用新媒體科技來幫助自我行銷
去報名
下載 APP 取得更全方面的服務,即時溝通不漏接
下載去
by Rain Chu | 3 月 19, 2022 | AI, 圖型處理
icons8.com
免費 Free
設計師工具
最早的免費 ICON 資源網站,屹立不搖,直到最近還推出一推 AI 工具,真的好生佩服,秉著「免費」的原則有可以下載的圖型、工具、外掛以及各式各樣的網站服務
設計工具
支援 Windows 平台、網站、Figma Photoshop and Illustrator
Google Docs, Sheets, Slides
AI TOOLS
AI 模特兒
找不到專業 Model ,可以用 AI 自己生一個,不用懷胎十月,只需要十分鐘,就可以生一個。
by Rain Chu | 3 月 18, 2022 | Chrome 外掛, 教育
古人有云,最好的解藥就在你身旁,我覺得網路上已經有了這麼多的好的內容,為何不都把它拿來當作教材呢?在找尋教材工具時候發現這套好用的 InsertLearning ,可以把所有你看到的網頁,直接把他變成教程,可以直接分配給老師也可以直接發送連結要求學生閱讀後回答,甚至可以作為學生的筆記,畫重點,以及備註等等
安裝 InsertLearning Chrome 擴充功能
可以直接輸入網址 https://chrome.google.com/webstore/detail/insertlearning/dehajjkfchegiinhcmoclkfbnmpgcahj?hl=zh-TW ,或是去Chrome 線上應用程式商店中搜尋 InsertLearning,並且把它安裝到你的瀏覽器的外掛中
網路教學的最好方法就是直接用網頁教學
老師模式:新增加 InsertLearning 課程
首先要註冊,開始 https://insertlearning.com/ 網頁,然後用 google 或是 Microsoft 得帳號登入,註冊完畢後要使用教學功能的話,還要記得去授權開啟外掛,在 Chrome 瀏覽器的右上角你可以找到擴充功能按鈕,在選單裡面打開 InsertLearning。
授權 InsertLearning 外掛
一切就緒後,就可以去找一個你打算要拿來教學生用的網頁,把它升級成你的課程了,在主畫面中你可以找到 New Lesson 按鈕。
按下去後你會發現他只是出現一個動畫教學而已,其實建立一個課程是很直覺的,只要到任一個網頁中,打開 InsertLearning 外掛後,你會發現網頁的左側畫出現 InsertLearning 的選單。
InsertLearning 教師選單
- 標註重要文字
- 插入便利貼
- 插入問題方塊
- 插入討論方塊
- 把課程分配給學生,可以直接分配到 Google Class Room 、 Microsoft Teams 、 或是連結
- 把課程分享給老師,共同編輯
InsertLearning 插入問題
InsertLearning 插入問題方塊
支援選擇題
InsertLearning 劃出必考題
將 InsertLearning 課程分配給一個 Class
InsertLearning Dashboard
上課囉,將 InsertLearning課程分享給學生
下面是實驗性質的課程,可以來看看效果 https://insertlearning.com/v1/lesson/623461066dde503e41527af0
近期留言